/* RemixIcons */
@font-face {
    font-family: "remixicon";
    src: url("../fonts/remixicon.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

/* MainFont */
@font-face {
    font-family: "MainFont";
    src: url("../fonts/Manrope-VariableFont_wght.woff2") format("woff2"),
        url("../fonts/Manrope-VariableFont_wght.woff") format("woff"),
        url("../fonts/Manrope-VariableFont_wght.ttf") format("truetype");
    font-weight: 300 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "MainFont";
    src: url("../fonts/Manrope-VariableFont_wght.woff2") format("woff2"),
        url("../fonts/Manrope-VariableFont_wght.woff") format("woff"),
        url("../fonts/Manrope-VariableFont_wght.ttf") format("truetype");
    font-weight: 300 900;
    font-style: italic;
    font-display: swap;
}

/* TitleFont */
@font-face {
    font-family: "TitleFont";
    src: url("../fonts/Cormorant-VariableFont_wght.woff2?v=4") format("woff2"),
        url("../fonts/Cormorant-VariableFont_wght.woff?v=4") format("woff"),
        url("../fonts/Cormorant-VariableFont_wght.ttf?v=4") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "TitleFont";
    src: url("../fonts/Cormorant-Italic-VariableFont_wght.woff2?v=4") format("woff2"),
        url("../fonts/Cormorant-Italic-VariableFont_wght.woff?v=4") format("woff"),
        url("../fonts/Cormorant-Italic-VariableFont_wght.ttf?v=4") format("truetype");
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

@layer base {

    :root {
        /* Barve */
        /* Barve znamke */
        --primary: #efe3db;
        --secondary: #f8f4f1;
        --accent: #eee2dd;

        /* Barve ozadja */
        --background: #fffcf9;
        --surface: #f3eeea;
        --elevated: #eee2dd;

        /* Barve besedila */
        --text: #241b19;
        --muted: #6f625c;

        /* Barve besedila na barvah znamke npr: gumbi, kartice itd*/
        --on-primary: #241b19;
        --on-secondary: var(--text);
        --on-accent: var(--text);

        /* Hover stanja — samodejno izračunana iz osnovnih barv */
        --primary-hover: color-mix(in srgb, var(--primary) 92%, black);
        --secondary-hover: color-mix(in srgb, var(--secondary) 92%, black);
        --accent-hover: color-mix(in srgb, var(--accent) 92%, black);

        /* Animacije */
        --transition: 150ms ease;

        /* Pisave */
        --font-body: "MainFont",
            system-ui,
            -apple-system,
            BlinkMacSystemFont,
            "Segoe UI",
            sans-serif;
        --font-heading: "TitleFont",
            Georgia,
            "Times New Roman",
            serif;
        /* Pisave - debeline */
        --font-normal: 400;
        --font-medium: 500;
        --font-bold: 700;
        /* Odmiki */
        --space: 1rem;
        --space-1: calc(var(--space) * 0.25);
        --space-2: calc(var(--space) * 0.5);
        --space-3: calc(var(--space) * 0.75);
        --space-4: calc(var(--space) * 1.25);
        --space-5: calc(var(--space) * 1.5);
        --space-6: calc(var(--space) * 2);
        /* Radius */
        --radius: 0.5rem;
    }

    /* Animacija */

    * {
        transition: var(--transition);
        transition-property: background-color, color, border-color, box-shadow, transform, opacity;
    }


}

@layer utilities {}

@layer custom {}