@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-VariableFont_wdth,wght.ttf") format("truetype");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: "Italianno";
    src: url("../fonts/Italianno-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@theme {
    --font-sans: "Roboto", sans-serif;
}

/* =========================
   Brand Theme
   ========================= */

[data-theme="brand"] {
    color-scheme: light;

    --color-base-100: #E8DED0;
    --color-base-200: #C5B49D;
    --color-base-300: #78644F;
    --color-base-content: #ffffff;

    --color-primary: #B99A63;
    --color-primary-content: #ffffff;

    --color-secondary: #64748b;
    --color-secondary-content: #ffffff;

    --color-accent: #f59e0b;
    --color-accent-content: #171717;

    --color-neutral: #171717;
    --color-neutral-content: #ffffff;
}

/* =========================
   Fonts
   ========================= */

@layer base {
    body {
        font-family: var(--font-sans);
    }

    h1,
    h2 {
        font-family: "Italianno", cursive;
        font-weight: 400;
        font-style: normal;
    }
}

.font-title {
    font-family: "Italianno", cursive;
    font-weight: 400;
    font-style: normal;
}