/* Analog Capital — shared design tokens */
/* Single source of truth for fonts and color themes. */
/* Referenced by index.html and welcome.html. */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Geist:wght@300;400;500;600;700&display=swap');

:root {
    --font-sans: 'Geist', sans-serif;
    --font-serif: 'Playfair Display', Georgia, serif;
    --font-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
}

:root[data-theme="dark"] {
    --bg-primary: #0E0D0B;
    --bg-secondary: #161513;
    --bg-tertiary: #1E1C19;
    --bg-elevated: #232120;
    --bg-hover: #2A2826;
    --bg-active: #33302D;
    --border-primary: #2E2B27;
    --border-secondary: #252320;
    --border-accent: #C9A96E;
    --text-primary: #F0ECE4;
    --text-secondary: #ABA59E;
    --text-tertiary: #7D7872;
    --text-inverse: #0E0D0B;
    --accent-gold: #C9A96E;
    --accent-gold-hover: #D4B87D;
    --accent-gold-muted: rgba(201, 169, 110, 0.14);
    --accent-emerald: #3DAF8A;
    --accent-emerald-muted: rgba(61, 175, 138, 0.12);
    --accent-ruby: #E05A6F;
    --accent-ruby-muted: rgba(224, 90, 111, 0.12);
    --accent-sapphire: #5EA0E6;
    --accent-sapphire-muted: rgba(94, 160, 230, 0.14);
    --accent-amber: #D4A03E;
    --accent-amber-muted: rgba(212, 160, 62, 0.12);
    --accent-purple: #9D7BC8;
    --accent-purple-muted: rgba(157, 123, 200, 0.12);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.35);
    --shadow-xl: 0 16px 50px rgba(0, 0, 0, 0.45);
    --chart-1: #C9A96E;
    --chart-2: #5EA0E6;
    --chart-3: #3DAF8A;
    --chart-4: #E05A6F;
    --chart-5: #6B6560;
    --chart-6: #9D7BC8;
    --chart-7: #E8924A;
    --chart-8: #3DBFB2;
    --chart-9: #D97A8A;
    --chart-10: #96C44A;
    --chart-11: #A889BF;
    --chart-12: #C47A56;
    --chart-13: #E88870;
    --chart-14: #5F9EB0;
    --chart-15: #85B06E;
    --text-on-accent: #FFFFFF;
    --overlay: rgba(0, 0, 0, 0.6);
    --drawer-bg: #161513;
    --spinner-track: rgba(240, 236, 228, 0.3);
}

:root[data-theme="light"] {
    --bg-primary: #FAF9F7;
    --bg-secondary: #FFFFFF;
    --bg-tertiary: #F3F1ED;
    --bg-elevated: #FFFFFF;
    --bg-hover: #F0EDE8;
    --bg-active: #E8E4DD;
    --border-primary: #E2DED6;
    --border-secondary: #EBE8E2;
    --border-accent: #B8986A;
    --text-primary: #1A1814;
    --text-secondary: #6B6560;
    --text-tertiary: #9A948D;
    --text-inverse: #FAF9F7;
    --accent-gold: #B8986A;
    --accent-gold-hover: #A6845A;
    --accent-gold-muted: rgba(184, 152, 106, 0.12);
    --accent-emerald: #2D8B6F;
    --accent-emerald-muted: rgba(45, 139, 111, 0.10);
    --accent-ruby: #C4465A;
    --accent-ruby-muted: rgba(196, 70, 90, 0.10);
    --accent-sapphire: #3A7BC8;
    --accent-sapphire-muted: rgba(58, 123, 200, 0.12);
    --accent-amber: #C4882D;
    --accent-amber-muted: rgba(196, 136, 45, 0.10);
    --accent-purple: #7D5BA6;
    --accent-purple-muted: rgba(125, 91, 166, 0.10);
    --shadow-sm: 0 1px 2px rgba(26, 24, 20, 0.04);
    --shadow-md: 0 4px 12px rgba(26, 24, 20, 0.06);
    --shadow-lg: 0 8px 30px rgba(26, 24, 20, 0.08);
    --shadow-xl: 0 16px 50px rgba(26, 24, 20, 0.12);
    --chart-1: #B8986A;
    --chart-2: #3A7BC8;
    --chart-3: #2D8B6F;
    --chart-4: #C4465A;
    --chart-5: #9A948D;
    --chart-6: #7D5BA6;
    --chart-7: #D4762C;
    --chart-8: #2A9D8F;
    --chart-9: #C2576B;
    --chart-10: #7A9E3B;
    --chart-11: #8B6B9F;
    --chart-12: #A65D3B;
    --chart-13: #E07055;
    --chart-14: #4D7C8A;
    --chart-15: #6B8F5A;
    --text-on-accent: #FFFFFF;
    --overlay: rgba(26, 24, 20, 0.4);
    --drawer-bg: #FFFFFF;
    --spinner-track: rgba(250, 249, 247, 0.3);
}