:root {
    --color-1: #04090E;
    --color-2: #1CBEC7;
    --color-3: #ffffff;
    --color-4: #1CBEC71A;
    --color-5:#88888812;
    --color-6: #EEF0F0;
    --color-7: #6296AA;
    --color-8:#0B1013;
    --color-9: #131D24;
    --color-10:#000000B2;
    --color-11:#FFFFFFB2;
    --color-12:#1CBEC733;
    --color-13: #00686E;
    --color-14:#FF3C46;
    --color-15: #e62545;

    --h1: clamp(24px, 3vw, 40px);
    --h2: clamp(20px, 2vw, 24px);
    --h3: clamp(15px, 2vw, 15px);
    --fs-litle: 12px;
    --bg-dark: #04060c;
    --text-color-1: #000000E5;
    --text-color-2: #000000C7;
    --text-color-3:#FFFFFFE5;
    --text-color-4:#FFFFFFB2;
    --br-content: 8px;
    --br-card: 16px;
    --br-button: 26px;
    --br-label: 100px;
    --fs-label: 12px;
    --fs-header-menu: 14px;
    --fs-card-title: clamp(16px, 2vw, 20px);
    --fs-card-author: 13px;
    --border-color: #0000001A;
    --border-color-dark:  #FFFFFF1A;
    --default-text-size: clamp(16px, 2vw, 18px);


    --base-transition: all 0.3s
}