/* ══════════════════════════════════════════════════════════
   TutorX design tokens — single source of truth.
   Variables only; no selectors beyond :root / [data-theme].
   ══════════════════════════════════════════════════════════ */

:root {
    /* Surfaces */
    --bg:            #F4F0E9;
    --bg-card:       #FBF8F3;
    --bg-sunken:     #EDE8DF;
    --surface-input: #FFFFFF;
    --topbar-bg:     rgba(244, 240, 233, 0.92);

    /* Text */
    --text:           #211E1A;
    --text-secondary: #6B655B;
    --text-tertiary:  #9A958C;

    /* Accent */
    --accent:        #B25E3A;
    --accent-strong: #9C4F2F;
    --accent-soft:   rgba(178, 94, 58, 0.09);
    --accent-deep:   #8A5236;
    --accent-on:     #FFFFFF;

    /* Ink buttons (dark pill CTAs) */
    --ink-btn:      #211E1A;
    --ink-btn-text: #FFFFFF;

    /* Status */
    --success:      #5B7D52;
    --success-soft: rgba(91, 125, 82, 0.10);
    --warning:      #9A6B1F;
    --warning-soft: rgba(154, 107, 31, 0.10);
    --danger:       #B0413A;
    --danger-soft:  rgba(176, 65, 58, 0.08);

    /* Borders & shadow */
    --border:        rgba(33, 30, 26, 0.10);
    --border-strong: rgba(33, 30, 26, 0.18);
    --border-accent: rgba(178, 94, 58, 0.20);
    --shadow-card: 0 1px 2px rgba(40, 34, 28, 0.05), 0 22px 60px -28px rgba(40, 34, 28, 0.28);

    /* Skeletons */
    --skel-base:  rgba(33, 30, 26, 0.07);
    --skel-shine: rgba(33, 30, 26, 0.13);

    /* Typography */
    --font-serif: 'Newsreader', Georgia, serif;
    --font-sans:  'Hanken Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Spacing scale */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;

    /* Radii */
    --radius-sm: 10px;
    --radius-md: 14px;
    --radius-lg: 18px;
    --radius-pill: 999px;

    /* Layout */
    --sidebar: 220px;
}

[data-theme="dark"] {
    --bg:            #16140F;
    --bg-card:       #211E18;
    --bg-sunken:     #1C1A14;
    --surface-input: #16140F;
    --topbar-bg:     rgba(22, 20, 15, 0.92);

    --text:           #ECE7DB;
    --text-secondary: #9A9384;
    --text-tertiary:  #6F6A5E;

    --accent:        #D2A24C;
    --accent-strong: #E0B055;
    --accent-soft:   rgba(210, 162, 76, 0.12);
    --accent-deep:   #D2A24C;
    --accent-on:     #16140F;

    --ink-btn:      #D2A24C;
    --ink-btn-text: #16140F;

    --success:      #9BBF8E;
    --success-soft: rgba(155, 191, 142, 0.12);
    --warning:      #D2A24C;
    --warning-soft: rgba(210, 162, 76, 0.12);
    --danger:       #E0857E;
    --danger-soft:  rgba(224, 133, 126, 0.10);

    --border:        rgba(255, 255, 255, 0.08);
    --border-strong: rgba(255, 255, 255, 0.16);
    --border-accent: rgba(210, 162, 76, 0.22);
    --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.2), 0 22px 60px -28px rgba(0, 0, 0, 0.55);

    --skel-base:  rgba(255, 255, 255, 0.04);
    --skel-shine: rgba(255, 255, 255, 0.09);
}