/**
 * Portal Tailwind – Light Theme Tokens
 * daisyUI liefert --color-* für [data-theme=light] (app.css).
 * Hier nur abgeleitete --tw-*-Alphas + Brand-Aliases.
 */
:root,
[data-theme="light"] {
    color-scheme: light;

    --tw-color-ink: var(--color-base-content);
    --tw-color-mist: var(--color-base-100);
    --tw-color-sand: var(--color-base-200);
    --tw-color-moss: var(--color-neutral);
    --tw-color-leaf: var(--color-accent);
    --tw-color-ember: var(--color-primary);
    --tw-font-display: Impact, Haettenschweiler, sans-serif;
    --tw-font-body: system-ui, sans-serif;

    --tw-cta: var(--color-primary);
    --tw-cta-hover: color-mix(in srgb, var(--color-primary) 82%, black);
    --tw-cta-content: var(--color-primary-content);
    --tw-ink-bright: var(--color-base-content);
    --tw-error-soft: var(--color-error);
    --tw-header-fixed-bg: color-mix(in srgb, var(--color-base-100) 92%, transparent);

    --tw-primary-a12: color-mix(in srgb, var(--color-primary) 12%, transparent);
    --tw-primary-a15: color-mix(in srgb, var(--color-primary) 15%, transparent);
    --tw-primary-a20: color-mix(in srgb, var(--color-primary) 20%, transparent);
    --tw-primary-a25: color-mix(in srgb, var(--color-primary) 25%, transparent);
    --tw-primary-a28: color-mix(in srgb, var(--color-primary) 28%, transparent);
    --tw-primary-a30: color-mix(in srgb, var(--color-primary) 30%, transparent);
    --tw-primary-a35: color-mix(in srgb, var(--color-primary) 35%, transparent);
    --tw-primary-a45: color-mix(in srgb, var(--color-primary) 45%, transparent);

    --tw-cta-a08: color-mix(in srgb, var(--tw-cta) 8%, transparent);
    --tw-cta-a10: color-mix(in srgb, var(--tw-cta) 10%, transparent);
    --tw-cta-a12: color-mix(in srgb, var(--tw-cta) 12%, transparent);
    --tw-cta-a15: color-mix(in srgb, var(--tw-cta) 15%, transparent);
    --tw-cta-a16: color-mix(in srgb, var(--tw-cta) 16%, transparent);
    --tw-cta-a22: color-mix(in srgb, var(--tw-cta) 22%, transparent);
    --tw-cta-a25: color-mix(in srgb, var(--tw-cta) 25%, transparent);
    --tw-cta-a45: color-mix(in srgb, var(--tw-cta) 45%, transparent);
    --tw-cta-a55: color-mix(in srgb, var(--tw-cta) 55%, transparent);
    --tw-cta-a65: color-mix(in srgb, var(--tw-cta) 65%, transparent);

    --tw-success-a20: color-mix(in srgb, var(--color-success) 20%, transparent);
    --tw-success-a55: color-mix(in srgb, var(--color-success) 55%, transparent);
    --tw-success-a70: color-mix(in srgb, var(--color-success) 70%, transparent);

    --tw-danger-a12: color-mix(in srgb, var(--color-error) 12%, transparent);
    --tw-danger-a55: color-mix(in srgb, var(--color-error) 55%, transparent);
    --tw-danger-a70: color-mix(in srgb, var(--color-error) 70%, transparent);

    --tw-base-a45: color-mix(in srgb, var(--color-base-100) 45%, transparent);
    --tw-base-a55: color-mix(in srgb, var(--color-base-100) 55%, transparent);
    --tw-base-a65: color-mix(in srgb, var(--color-base-100) 65%, transparent);
    --tw-base-a70: color-mix(in srgb, var(--color-base-100) 70%, transparent);
    --tw-base-a80: color-mix(in srgb, var(--color-base-100) 80%, transparent);
    --tw-base-a85: color-mix(in srgb, var(--color-base-200) 85%, transparent);
    --tw-base-a88: color-mix(in srgb, var(--color-base-200) 88%, transparent);
    --tw-base-a90: color-mix(in srgb, var(--color-base-200) 90%, transparent);
    --tw-base-a92: color-mix(in srgb, var(--color-base-100) 92%, transparent);
    --tw-base-a95: color-mix(in srgb, var(--color-base-100) 95%, transparent);
    --tw-base-a96: color-mix(in srgb, var(--color-base-100) 96%, transparent);
    --tw-base-a97: color-mix(in srgb, var(--color-base-100) 97%, transparent);

    --tw-sand-a65: color-mix(in srgb, var(--color-base-200) 65%, transparent);
    --tw-sand-a78: color-mix(in srgb, var(--color-base-200) 78%, transparent);
    --tw-sand-a82: color-mix(in srgb, var(--color-base-200) 82%, transparent);
    --tw-sand-a90: color-mix(in srgb, var(--color-base-200) 90%, transparent);

    --tw-moss-a35: color-mix(in srgb, var(--color-neutral) 35%, transparent);
    --tw-moss-a45: color-mix(in srgb, var(--color-neutral) 45%, transparent);
    --tw-moss-a50: color-mix(in srgb, var(--color-neutral) 50%, transparent);
    --tw-moss-a55: color-mix(in srgb, var(--color-neutral) 55%, transparent);
    --tw-moss-a75: color-mix(in srgb, var(--color-neutral) 75%, transparent);
    --tw-moss-a85: color-mix(in srgb, var(--color-neutral) 85%, transparent);

    --tw-black-a20: color-mix(in srgb, var(--color-base-content) 8%, transparent);
    --tw-black-a25: color-mix(in srgb, var(--color-base-content) 12%, transparent);
    --tw-black-a35: color-mix(in srgb, var(--color-base-content) 18%, transparent);
    --tw-black-a45: color-mix(in srgb, var(--color-base-content) 28%, transparent);
    --tw-black-a55: color-mix(in srgb, var(--color-base-content) 40%, transparent);

    --tw-muted-55: color-mix(in srgb, var(--color-base-content) 55%, transparent);
    --tw-muted-88: color-mix(in srgb, var(--color-base-content) 88%, transparent);

    --tw-white-a12: color-mix(in srgb, var(--color-base-content) 8%, transparent);
    --tw-white-a40: color-mix(in srgb, var(--color-base-content) 40%, transparent);
    --tw-white-a45: color-mix(in srgb, var(--color-base-content) 45%, transparent);
    --tw-white-a55: color-mix(in srgb, var(--color-base-content) 55%, transparent);
    --tw-white-a60: color-mix(in srgb, var(--color-base-content) 60%, transparent);
    --tw-white-a65: color-mix(in srgb, var(--color-base-content) 65%, transparent);
    --tw-white-a70: color-mix(in srgb, var(--color-base-content) 70%, transparent);
    --tw-white-a75: color-mix(in srgb, var(--color-base-content) 75%, transparent);
    --tw-white-a78: color-mix(in srgb, var(--color-base-content) 78%, transparent);
    --tw-white-a80: color-mix(in srgb, var(--color-base-content) 80%, transparent);
    --tw-white-a85: color-mix(in srgb, var(--color-base-content) 85%, transparent);
    --tw-white-a88: color-mix(in srgb, var(--color-base-content) 88%, transparent);
}

html {
    background-color: var(--color-base-100);
}

body {
    font-family: var(--tw-font-body);
    letter-spacing: 0.01em;
    color: var(--color-base-content);
    background-color: var(--color-base-100);
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-display {
    font-family: var(--tw-font-display);
    font-weight: 400;
    color: var(--tw-cta);
    line-height: 1.15;
    letter-spacing: 0.02em;
}

a:hover {
    color: var(--color-primary);
}