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

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

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

    --color-base-100: #ffffff;
    --color-base-200: #f5f5f5;
    --color-base-300: #e5e5e5;
    --color-base-content: #171717;

    --color-primary: #06402b;
    --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;
}

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

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: var(--font-heading);
    }
}