/* ==========================================================================
   Dark Theme (default)
   Bare :root token set — surfaces, lines, text, accent, status, type, scale,
   layout, effects. Key set is identical to light-theme.css so the two swap
   cleanly via the link[disabled] toggle.
   ========================================================================== */

:root
{
    /* Surfaces */
    --color-bg-deep:       #07090c;
    --color-bg-primary:    #0b0f14;
    --color-bg-card:       #111820;
    --color-bg-card-hover: #16202a;
    --color-surface-glass: rgba(17, 24, 32, 0.72);

    /* Lines */
    --color-border:        rgba(255, 255, 255, 0.08);
    --color-border-strong: rgba(255, 255, 255, 0.16);
    --color-border-glow:   rgba(43, 192, 200, 0.45);

    /* Text */
    --color-text-primary:   #e9f1f5;
    --color-text-secondary: #a3b5c0;
    --color-text-muted:     #6f8391;

    /* Accent */
    --color-accent:        #2bc0c8;
    --color-accent-bright: #6ef2ff;
    --color-accent-dim:    #12707a;
    --color-accent-glow:   rgba(43, 192, 200, 0.55);
    --color-gold:          #e8b64c;

    /* Status */
    --color-success: #3ddc97;
    --color-warning: #e8b64c;
    --color-error:   #ff6b6b;

    /* Type */
    --font-display: 'Cormorant Garamond', 'Iowan Old Style', Georgia, serif;
    --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-ui:      'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-mono:    ui-monospace, 'SFMono-Regular', 'Courier New', monospace;

    /* Type scale */
    --fs-xs:   0.72rem;
    --fs-sm:   0.86rem;
    --fs-base: 1rem;
    --fs-body: 1.05rem;
    --fs-md:   1.2rem;
    --fs-lg:   1.45rem;
    --fs-xl:   1.9rem;

    /* Layout */
    --max-width:       1140px;
    --section-padding: clamp(72px, 9vw, 124px) 0;
    --header-h:        68px;

    /* Effects */
    --radius-sm: 8px;
    --radius:    16px;
    --radius-lg: 24px;
    --shadow-card:  0 20px 50px -28px rgba(0, 0, 0, 0.9);
    --shadow-lift:  0 26px 60px -26px rgba(0, 0, 0, 0.95);
    --shadow-glow:  0 0 0 1px var(--color-border), 0 18px 60px -30px var(--color-accent-glow);
    --transition:   all 0.3s cubic-bezier(0.2, 0.7, 0.3, 1);

    /* Decorative gradient (page atmosphere) */
    --glow-a: rgba(43, 192, 200, 0.20);
    --glow-b: rgba(232, 182, 76, 0.12);
    --grain-opacity: 0.035;
    --hero-scrim: rgba(7, 9, 12, 0.60);

    color-scheme: dark;
}