:root {
    /* ======================================================
       SPACE SYSTEM
       1rem = 16px | 1 space unit = 4px
    ====================================================== */

    --space_base: 1rem; /* 16px */
    --space_unit: calc(var(--space_base) / 4); /* 4px */

    --space_0: 0; /* 0px */
    --space_0_25: calc(var(--space_unit) * 0.25); /* 1px */
    --space_0_4: calc(var(--space_unit) * 0.4); /* 1.6px */
    --space_0_5: calc(var(--space_unit) * 0.5); /* 2px */
    --space_0_6: calc(var(--space_unit) * 0.6); /* 2.4px */
    --space_0_75: calc(var(--space_unit) * 0.75); /* 3px */
    --space_0_8: calc(var(--space_unit) * 0.8); /* 3.2px */
    --space_1: var(--space_unit); /* 4px */
    --space_1_2: calc(var(--space_unit) * 1.2); /* 4.8px */
    --space_1_25: calc(var(--space_unit) * 1.25); /* 5px */
    --space_1_5: calc(var(--space_unit) * 1.5); /* 6px */
    --space_1_6: calc(var(--space_unit) * 1.6); /* 6.4px */
    --space_2: calc(var(--space_unit) * 2); /* 8px */
    --space_2_25: calc(var(--space_unit) * 2.25); /* 9px */
    --space_2_5: calc(var(--space_unit) * 2.5); /* 10px */
    --space_3: calc(var(--space_unit) * 3); /* 12px */
    --space_3_2: calc(var(--space_unit) * 3.2); /* 12.8px */
    --space_3_5: calc(var(--space_unit) * 3.5); /* 14px */
    --space_4: calc(var(--space_unit) * 4); /* 16px */
    --space_4_5: calc(var(--space_unit) * 4.5); /* 18px */
    --space_4_75: calc(var(--space_unit) * 4.75); /* 19px */
    --space_5: calc(var(--space_unit) * 5); /* 20px */
    --space_5_5: calc(var(--space_unit) * 5.5); /* 22px */
    --space_6: calc(var(--space_unit) * 6); /* 24px */
    --space_6_5: calc(var(--space_unit) * 6.5); /* 26px */
    --space_7: calc(var(--space_unit) * 7); /* 28px */
    --space_8: calc(var(--space_unit) * 8); /* 32px */
    --space_9: calc(var(--space_unit) * 9); /* 36px */
    --space_10: calc(var(--space_unit) * 10); /* 40px */
    --space_11: calc(var(--space_unit) * 11); /* 44px */
    --space_12: calc(var(--space_unit) * 12); /* 48px */
    --space_14: calc(var(--space_unit) * 14); /* 56px */
    --space_15: calc(var(--space_unit) * 15); /* 60px */
    --space_16: calc(var(--space_unit) * 16); /* 64px */
    --space_18: calc(var(--space_unit) * 18); /* 72px */
    --space_20: calc(var(--space_unit) * 20); /* 80px */
    --space_22: calc(var(--space_unit) * 22); /* 88px */
    --space_24: calc(var(--space_unit) * 24); /* 96px */
    --space_25: calc(var(--space_unit) * 25); /* 100px */
    --space_28: calc(var(--space_unit) * 28); /* 112px */
    --space_32: calc(var(--space_unit) * 32); /* 128px */
    --space_36: calc(var(--space_unit) * 36); /* 144px */
    --space_37_5: calc(var(--space_unit) * 37.5); /* 150px */
    --space_40: calc(var(--space_unit) * 40); /* 160px */
    --space_48: calc(var(--space_unit) * 48); /* 192px */
    --space_51: calc(var(--space_unit) * 51); /* 204px */
    --space_52: calc(var(--space_unit) * 52); /* 208px */
    --space_56: calc(var(--space_unit) * 56); /* 224px */
    --space_64: calc(var(--space_unit) * 64); /* 256px */
    --space_80: calc(var(--space_unit) * 80); /* 320px */
    --space_92: calc(var(--space_unit) * 92); /* 368px */
    /* ======================================================
       LAYOUT
    ====================================================== */

    --layout_side_L: var(--space_64); /* 256px */
    --layout_side_R: var(--space_92); /* 368px */
    /* ======================================================
       FONT FAMILIES
       Posebni fonti ostanejo pripravljeni za stare podstrani.
    ====================================================== */

    --font_ABite: "ABite", sans-serif;
    --font_Adripping: "Adripping", cursive;
    --font_AiFragment: "AIFragment", sans-serif;
    --font_BankGothic: "BankGothic", sans-serif;
    --font_BeeBopp: "BeeBopp", cursive;
    --font_BovinoLight: "BovinoLight", sans-serif;
    --font_BovinoMedium: "BovinoMedium", sans-serif;
    --font_BovinoBlack: "BovinoBlack", sans-serif;
    --font_Dosis: "Dosis", sans-serif;
    --font_ILoveGliter: "ILoveGliter", cursive;
    --font_Isadora: "Isadora", cursive;
    --font_OldNewspaper: "OldNewspaper", serif;
    --font_P22TypeWriter: "P22TypeWriter", monospace;
    --font_Praxis: "Praxis", sans-serif;
    --font_Prezrti: "Prezrti", sans-serif;
    --font_PrezrtiCromatic: "PrezrtiCromatic", sans-serif;
    --font_PrezrtiRegular: "PrezrtiRegular", sans-serif;
    --font_Progress: "Progress", sans-serif;
    --font_Roboto: "Roboto", Arial, Helvetica, sans-serif;
    --font_Rockit: "Rockit", cursive;
    --font_TypewriterCromatic: "TypewriterCromatic", monospace;
    --font_TypeWriterSplit: "TypeWriterSplit", monospace;
    /* ======================================================
       FONT ROLES
    ====================================================== */

    --font_body: var(--font_Roboto);
    --font_heading: var(--font_BovinoMedium);
    --font_heading_light: var(--font_BovinoLight);
    --font_heading_heavy: var(--font_BovinoBlack);
    --font_navigation: var(--font_BovinoMedium);
    --font_player: var(--font_BovinoMedium);
    --font_metadata: var(--font_Roboto);
    --font_lyrics: var(--font_BovinoLight);
    --font_typewriter: var(--font_P22TypeWriter);
    --font_brand: var(--font_Prezrti);
    /* ======================================================
       FONT SIZES
       Ime predstavlja dejansko velikost pri osnovi 1rem = 16px.
    ====================================================== */
    --font_size_10: var(--space_2_5); /* 10px */
    --font_size_12: var(--space_3); /* 12px */
    --font_size_14: var(--space_3_5); /* 14px */
    --font_size_16: var(--space_4); /* 16px */
    --font_size_18: var(--space_4_5); /* 18px */
    --font_size_20: var(--space_5); /* 20px */
    --font_size_22: var(--space_5_5); /* 22px */
    --font_size_24: var(--space_6); /* 24px */
    --font_size_26: var(--space_6_5); /* 26px */
    --font_size_28: var(--space_7); /* 28px */
    --font_size_32: var(--space_8); /* 32px */
    --font_size_36: var(--space_9); /* 36px */
    --font_size_40: var(--space_10); /* 40px */
    --font_size_44: var(--space_11); /* 44px */
    --font_size_48: var(--space_12); /* 48px */
    --font_size_56: var(--space_14); /* 56px */
    --font_size_64: var(--space_16); /* 64px */
    /* ======================================================
       FONT WEIGHTS
    ====================================================== */

    --font_weight_light: 300;
    --font_weight_regular: 400;
    --font_weight_medium: 500;
    --font_weight_semibold: 600;
    --font_weight_bold: 700;
    --font_weight_extrabold: 800;
    --font_weight_black: 900;
    /* ======================================================
       LINE HEIGHT
    ====================================================== */

    --line_height_none: 1;
    --line_height_tight: 1.2;
    --line_height_compact: 1.35;
    --line_height_normal: 1.45;
    --line_height_relaxed: 1.5;
    --line_height_loose: 1.7;
    /* ======================================================
       LETTER SPACING
    ====================================================== */

    --letter_spacing_tight: -0.02em;
    --letter_spacing_normal: 0;
    --letter_spacing_wide: 0.05em;
    --letter_spacing_wider: 0.1em;
    /* ======================================================
       COLOR PALETTE — CORE
    ====================================================== */

    --color_Black: #000000;
    --color_White: #ffffff;
    --color_AshGrayDark: #aec1bb;
    --color_AshGreyLight: #eaf3e7;
    --color_Bisque: #f4cbb3;
    --color_Blue: #0000ff;
    --color_Brown: #ca9d88;
    --color_Bush: #24292d;
    --color_Chartreuse: #64c777;
    --color_DarkOrange: #ff8c00;
    --color_DarkSlateGrey: #2f4f4f;
    --color_DirtyBlue: rgb(218 217 230 / 50%);
    --color_Elephant: #0a313d;
    --color_Goldenrod: #daa520;
    --color_Green: #2f8f25;
    --color_JadeGreen: #5efb6e;
    --color_LightCyan: #aae2ff;
    --color_LighterCyan: #e2f5ff;
    --color_LightGrey: #eaeaea;
    --color_LightNavyBlue: #1e6383;
    --color_LunarGreen: #3c493a;
    --color_PrezrtiRed: #e6083a;
    --color_Red: #ff0000;
    --color_RedViolet: #e60030;
    --color_RockBlue: #92b2cb;
    --color_Yellow: #ffff00;
    /* ======================================================
       COLOR PALETTE — ALPHA
       RockBlue_25/_50/_75 so ista osnovna RockBlue barva.
    ====================================================== */

    --color_RockBlue_25: rgb(146 178 203 / 25%);
    --color_RockBlue_50: rgb(146 178 203 / 50%);
    --color_RockBlue_75: rgb(146 178 203 / 75%);
    --color_PrezrtiRed_30: rgb(230 8 58 / 30%);
    --color_Black_05: rgb(0 0 0 / 5%);
    --color_Black_10: rgb(0 0 0 / 10%);
    --color_Black_25: rgb(0 0 0 / 25%);
    --color_Black_50: rgb(0 0 0 / 50%);
    --color_Black_75: rgb(0 0 0 / 75%);
    --color_Black_80: rgb(0 0 0 / 80%);
    --color_White_10: rgb(255 255 255 / 10%);
    --color_White_15: rgb(255 255 255 / 15%);
    --color_White_35: rgb(255 255 255 / 35%);
    --color_White_60: rgb(255 255 255 / 60%);
    --color_White_95: rgb(255 255 255 / 95%);
    /* ======================================================
       COLOR ROLES
    ====================================================== */

    --color_text_primary: var(--color_LunarGreen);
    --color_text_secondary: var(--color_DarkSlateGrey);
    --color_text_muted: var(--color_AshGrayDark);
    --color_text_inverse: var(--color_White);
    --color_text_link: var(--color_LightNavyBlue);
    --color_text_danger: var(--color_PrezrtiRed);
    --color_background_page: var(--color_RockBlue_25);
    --color_background_content: var(--color_White);
    --color_background_soft: var(--color_RockBlue_25);
    --color_background_accent: var(--color_RockBlue_50);
    --color_background_dark: var(--color_LunarGreen);
    --color_background_overlay: var(--color_Black_80);
    --color_border_primary: var(--color_AshGrayDark);
    --color_border_soft: var(--color_RockBlue_50);
    --color_border_dark: var(--color_LunarGreen);
    --color_state_active: var(--color_LightNavyBlue);
    --color_state_success: var(--color_Green);
    --color_state_warning: var(--color_Goldenrod);
    --color_state_danger: var(--color_PrezrtiRed);
    --color_state_disabled: var(--color_AshGrayDark);
    --color_icon_primary: var(--color_LunarGreen);
    --color_icon_secondary: var(--color_RockBlue);
    --color_icon_inverse: var(--color_White);
    --color_icon_active: var(--color_LightNavyBlue);
    /* ======================================================
       COMPONENT ROLES
    ====================================================== */

    --color_nav_background: var(--color_RockBlue_50);
    --color_nav_text: var(--color_LunarGreen);
    --color_nav_icon: var(--color_LunarGreen);
    --color_nav_active: var(--color_RockBlue);
    --color_content_background: var(--color_RockBlue_25);
    --color_content_text: var(--color_LunarGreen);
    --color_player_background: var(--color_RockBlue);
    --color_player_text: var(--color_LunarGreen);
    --color_player_icon: var(--color_LunarGreen);
    --color_player_active: var(--color_LightNavyBlue);
    /* ======================================================
       MOTION
    ====================================================== */

    --animation_timing: 500ms ease-in-out;
    /* ======================================================
       TEMPORARY COMPATIBILITY ALIASES
       Odstranimo jih, ko bodo vse CSS datoteke prepisane.
    ====================================================== */

    --unit: var(--space_base);
    --step: var(--space_unit);
    /* DUPLICATE – disabled: --space_0_5: var(--space_0_5); */
    --step_075: var(--space_0_75);
    /* DUPLICATE – disabled: --space_1: var(--space_1); */
    /* DUPLICATE – disabled: --space_15: var(--space_1_5); */
    /* DUPLICATE – disabled: --space_2: var(--space_2); */
    /* DUPLICATE – disabled: --space_25: var(--space_2_5); */
    /* DUPLICATE – disabled: --space_3: var(--space_3); */
    --space_35: var(--space_3_5);
    /* DUPLICATE – disabled: --space_4: var(--space_4); */
    --space_475: var(--space_4_75);
    /* DUPLICATE – disabled: --space_5: var(--space_5); */
    --space_65: var(--space_6_5);
    /* DUPLICATE – disabled: --space_8: var(--space_8); */
    /* DUPLICATE – disabled: --space_10: var(--space_10); */
    /* DUPLICATE – disabled: --space_12: var(--space_12); */
    /* DUPLICATE – disabled: --space_16: var(--space_16); */
    /* DUPLICATE – disabled: --space_20: var(--space_20); */
    /* DUPLICATE – disabled: --space_64: var(--space_64); */
    --step_92: var(--space_92);
    --default_font_size: var(--space_base);
    --padding_1: var(--space_1);
    --padding_2: var(--space_2);
    --padding_3: var(--space_3);
    --padding_5: var(--space_5);
    --padding_7: var(--space_7);
    --padding_10: var(--space_10);
    --hamburger-gap: var(--space_1);
    --bar-height: var(--space_1_5);
    --bar-width: var(--space_2_5);
    --hamburger-height: calc( var(--bar-height) * 3 + var(--hamburger-gap) * 2 ); /* 26px */

    --color_RockBlue25: var(--color_RockBlue_25);
    --color_RockBlue50: var(--color_RockBlue_50);
    --color_RockBlue75: var(--color_RockBlue_75);
    --color_Dark: var(--color_LunarGreen);
    --color_red: var(--color_PrezrtiRed);
    --color_red50: var(--color_PrezrtiRed_30);
    --color_RedVijola: var(--color_RedViolet);
    --color_Gray-Dark: var(--color_Bush);
    --color_Darkorange: var(--color_DarkOrange);
    --color_Darkslategrey: var(--color_DarkSlateGrey);
    --color_Jadegreen: var(--color_JadeGreen);
    --color_Lightcynar: var(--color_LightCyan);
    --color_Lightercynar: var(--color_LighterCyan);
    --color_Lightgrey: var(--color_LightGrey);
    --sv_background: var(--color_background_content);
    --pz_border: var(--color_border_soft);
    --animation-timing: var(--animation_timing);
    /* Začasno samo zaradi starega ZIP-a; po globalni zamenjavi izbriši. */
    --font-ABite: var(--font_ABite);
    --font-Adripping: var(--font_Adripping);
    --font-AiFragment: var(--font_AiFragment);
    --font-BankGothic: var(--font_BankGothic);
    --font-BeeBopp: var(--font_BeeBopp);
    --font-BovinoLight: var(--font_BovinoLight);
    --font-BovinoMedium: var(--font_BovinoMedium);
    --font-BovinoBlack: var(--font_BovinoBlack);
    --font-Dosis: var(--font_Dosis);
    --font-ILoveGliter: var(--font_ILoveGliter);
    --font-Isadora: var(--font_Isadora);
    --font-OldNewspaper: var(--font_OldNewspaper);
    --font-P22TypeWriter: var(--font_P22TypeWriter);
    --font-Praxis: var(--font_Praxis);
    --font-Prezrti: var(--font_Prezrti);
    --font-PrezrtiCromatic: var(--font_PrezrtiCromatic);
    --font-PrezrtiRegular: var(--font_PrezrtiRegular);
    --font-Progress: var(--font_Progress);
    --font-Roboto: var(--font_Roboto);
    --font-Rockit: var(--font_Rockit);
    --font-TypewriterCromatic: var(--font_TypewriterCromatic);
    --font-TypeWriterSplit: var(--font_TypeWriterSplit);
}