/* internal/ui/static/css/tokens.css */

/* Self-Hosted Local Font Face Definitions */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('/static/fonts/inter-var.woff2') format('woff2');
}

@font-face {
    font-family: 'Cormorant Garamond';
    font-style: normal;
    font-weight: 300 700;
    font-display: swap;
    src: url('/static/fonts/cormorant-garamond-var.woff2') format('woff2');
}

@font-face {
    font-family: 'Cormorant Garamond';
    font-style: italic;
    font-weight: 300 700;
    font-display: swap;
    src: url('/static/fonts/cormorant-garamond-italic-var.woff2') format('woff2');
}

:root {
    /* Daylight Palette (Pure White) */
    --bg-primary-light: #ffffff;
    --bg-surface-light: #f9f9fb;
    --bg-elevated-light: #f0f0f4;
    --border-light: #e4e4e7;
    --text-main-light: #09090b;
    --text-muted-light: #71717a;

    /* Dark Mode Palette (True Black) */
    --bg-primary-dark: #000000;
    --bg-surface-dark: #09090b;
    --bg-elevated-dark: #121215;
    --border-dark: #1e1e24;
    --text-main-dark: #f4f4f5;
    --text-muted-dark: #a1a1aa;

    /* Sovereign Accent: Deep Regal Teal */
    --teal-primary: #0d9488;
    --teal-hover: #14b8a6;
    --teal-active: #0f766e;
    --teal-subtle: rgba(13, 148, 136, 0.12);
    --teal-glow: rgba(20, 184, 166, 0.25);

    /* Destructive / Danger Palette */
    --danger-primary: #ef4444;
    --danger-hover: #f87171;
    --danger-subtle: rgba(239, 68, 68, 0.12);
    --danger-glow: rgba(239, 68, 68, 0.25);
    --danger-border: rgba(239, 68, 68, 0.3);

    /* Amber / Warning Palette */
    --amber-primary: #f59e0b;
    --amber-hover: #fbbf24;
    --amber-subtle: rgba(245, 158, 11, 0.12);
    --amber-border: rgba(245, 158, 11, 0.3);

    /* Purple / Category Palette */
    --purple-primary: #a855f7;
    --purple-hover: #c084fc;
    --purple-subtle: rgba(168, 85, 247, 0.12);
    --purple-border: rgba(168, 85, 247, 0.3);

    /* Typography Stack */
    --font-serif: "Cormorant Garamond", Georgia, serif;
    --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-mono: SFMono-Regular, Menlo, Monaco, Consolas, monospace;

    /* Semantic Typography Roles Across All Pages */
    --font-page-title: var(--font-serif);
    --font-ui-sans: var(--font-sans);
    --font-meta-mono: var(--font-mono);

    /* Strict Font Size & Weight Tokens */
    --size-page-title: 1.75rem;     --weight-page-title: 500;
    --size-card-title: 1.125rem;    --weight-card-title: 600;
    --size-label: 0.8125rem;        --weight-label: 500;
    --size-body: 0.875rem;          --weight-body: 400;
    --size-button: 0.8125rem;        --weight-button: 500;
    --size-date: 0.8125rem;          --weight-date: 400;

    /* Luxury Transitions */
    --ease-luxury: cubic-bezier(0.16, 1, 0.3, 1);
}

/* Default Theme Binding: True Black Dark Mode */
:root {
    --bg-primary: var(--bg-primary-dark);
    --bg-surface: var(--bg-surface-dark);
    --bg-elevated: var(--bg-elevated-dark);
    --border-color: var(--border-dark);
    --text-main: var(--text-main-dark);
    --text-muted: var(--text-muted-dark);
}

/* Light Theme Switcher */
[data-theme="light"] {
    --bg-primary: var(--bg-primary-light);
    --bg-surface: var(--bg-surface-light);
    --bg-elevated: var(--bg-elevated-light);
    --border-color: var(--border-light);
    --text-main: var(--text-main-light);
    --text-muted: var(--text-muted-light);
}