/* TeraVersa design tokens. Pakai alias semantik saat membangun UI; primitif hanya untuk definisi. */

:root {
    --navy-50: #eef3fb;
    --navy-100: #d7e3f7;
    --navy-200: #adc4ea;
    --navy-300: #7f9fdd;
    --navy-400: #4f76c9;
    --navy-500: #2f57ad;
    --navy-600: #234491;
    --navy-700: #1c3675;
    --navy-800: #17315c;
    --navy-900: #122857;

    --gold-50: #fff8e6;
    --gold-100: #ffeeb8;
    --gold-200: #ffdd7a;
    --gold-300: #fcc741;
    --gold-400: #f5b41a;
    --gold-500: #e39d06;
    --gold-600: #b67b00;
    --gold-700: #8a5c00;

    --stone-0: #ffffff;
    --stone-50: #f7f9fc;
    --stone-100: #eef1f6;
    --stone-200: #e1e6ee;
    --stone-300: #cbd2dd;
    --stone-400: #97a0b0;
    --stone-500: #677081;
    --stone-600: #49515f;
    --stone-700: #2e3540;
    --stone-800: #1a1f28;
    --stone-900: #0f1318;

    --success: #2e7d4f;
    --warning: #c57a0a;
    --danger: #b3362c;
    --info: #1e5f91;

    --font-display: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

    --radius-xs: 4px;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 999px;

    --surface-page: var(--stone-50);
    --surface-card: var(--stone-0);
    --surface-muted: var(--stone-100);
    --border-default: var(--stone-200);
    --border-strong: var(--stone-300);

    --text-primary: var(--stone-800);
    --text-heading: var(--navy-800);
    --text-muted: var(--stone-500);
    --text-faint: var(--stone-400);
    --text-on-brand: var(--stone-0);
    --text-on-accent: var(--navy-900);

    --brand: var(--navy-700);
    --accent: var(--gold-300);

    --glass-fill: rgba(255, 255, 255, 0.62);
    --glass-border: rgba(255, 255, 255, 0.55);
    --glass-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 10px 28px rgba(15, 23, 42, 0.10);
    --glass-blur: blur(18px) saturate(1.5);

    --tv-max: 1024px;
    --tv-bottom-h: 72px;
    --tv-theme-color: #1c3675;
}

[data-theme="dark"],
[data-bs-theme="dark"] {
    --surface-page: var(--stone-900);
    --surface-card: var(--stone-800);
    --surface-muted: var(--stone-700);
    --border-default: var(--stone-700);
    --text-primary: var(--stone-100);
    --text-heading: var(--stone-100);
    --text-muted: var(--stone-400);
    --glass-fill: rgba(26, 31, 40, 0.62);
    --glass-border: rgba(255, 255, 255, 0.14);
    --glass-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 10px 28px rgba(0, 0, 0, 0.35);
}

@media (prefers-reduced-transparency: reduce) {
    :root {
        --glass-fill: var(--surface-card);
        --glass-border: var(--border-default);
        --glass-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
        --glass-blur: none;
    }
}