@import 'tailwindcss';

@theme inline {
    --font-sans    : var(--font-inter), var(--font-geist-sans), system-ui, sans-serif;
    --font-mono    : var(--font-geist-mono), monospace;
    --font-display : var(--font-hanken-grotesk), system-ui, sans-serif;

    /* Register semantic colors with Tailwind */
    --color-base-100         : var(--base-100);
    --color-base-200         : var(--base-200);
    --color-base-300         : var(--base-300);
    --color-base-content     : var(--base-content);
    --color-muted            : var(--muted);
    --color-muted-content    : var(--muted-content);
    --color-border           : var(--border);
    --color-card             : var(--card);
}

/* Light mode (default) */
:root {
    --base-100         : var(--color-zinc-50);
    --base-200         : var(--color-zinc-100);
    --base-300         : var(--color-zinc-200);
    --base-content     : var(--color-zinc-950);
    --muted            : var(--color-zinc-500);
    --muted-content    : var(--color-zinc-400);
    --border           : var(--color-zinc-200);
    --card             : var(--color-white);
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
    :root {
        --base-100         : var(--color-zinc-900);
        --base-200         : var(--color-zinc-800);
        --base-300         : var(--color-zinc-700);
        --base-content     : var(--color-zinc-50);
        --muted            : var(--color-zinc-400);
        --muted-content    : var(--color-zinc-500);
        --border           : var(--color-zinc-700);
        --card             : var(--color-zinc-900);
    }
}

body {
    font-family : var(--font-inter), var(--font-geist-sans), Arial, Helvetica, sans-serif;
}

/* Softer link underlines */
a {
    text-decoration-color: var(--border);
}

a:hover {
    text-decoration-color: var(--muted-content);
}