/* HodlCue - Design Tokens - Indigo Almanac */
:root {
  --brand-50:  #eef1fb;
  --brand-100: #dce2f6;
  --brand-200: #bcc8ec;
  --brand-300: #93a5df;
  --brand-400: #6a80d0;
  --brand-500: #4a61bd;
  --brand-600: #37489f;
  --brand-700: #2d3a80;
  --brand-800: #283266;
  --brand-900: #242c53;
  --brand-950: #151935;

  --color-bg:           #f4f1e9;
  --color-surface:      #fbf9f3;
  --color-elevated:     #ffffff;
  --color-fg:           #1c1a15;
  --color-muted:        #6c6656;
  --color-muted-2:      #98917e;
  --color-border:       #e5dfd0;
  --color-border-light: #efeadd;

  --color-primary:       var(--brand-600);
  --color-primary-hover: var(--brand-700);
  --color-primary-bg:    var(--brand-50);
  --color-primary-light: var(--brand-100);

  --color-up:      #2f57c0;
  --color-up-bg:   #e9eefb;
  --color-down:    #a75a3c;
  --color-down-bg: #f7ece6;

  --color-authority:        #7c2e3c;
  --color-authority-bg:     #f6ebeb;
  --color-authority-border: #e6ccd0;
  --color-authority-badge:  #8a3444;
  --color-authority-hover:  #64232f;

  --color-success:    #2f57c0;
  --color-success-bg: #e9eefb;
  --color-warning:    #a9772f;
  --color-warning-bg: #f7efe1;
  --color-danger:     #d1462f;
  --color-danger-bg:  #fbebe7;

  --color-sponsor:        var(--color-authority);
  --color-sponsor-bg:     var(--color-authority-bg);
  --color-sponsor-border: var(--color-authority-border);
  --color-sponsor-badge:  var(--color-authority-badge);

  --font-display: 'Fraunces', 'Newsreader', Georgia, serif;
  --font-body:    'IBM Plex Sans', system-ui, sans-serif;
  --font-mono:    'IBM Plex Mono', 'JetBrains Mono', ui-monospace, monospace;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;

  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  --radius-sm:  0.5rem;
  --radius-md:  0.75rem;
  --radius-lg:  1rem;
  --radius-xl:  1.5rem;
  --radius-full: 9999px;

  --shadow-card:  0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-card-hover: 0 10px 25px rgba(0,0,0,0.08), 0 4px 10px rgba(0,0,0,0.04);
  --shadow-button: 0 4px 14px rgba(55,72,159,0.25);
}

:root[data-theme="dark"] {
  --color-bg:           #17140f;
  --color-surface:      #201c16;
  --color-elevated:     #2a251d;
  --color-fg:           #ece5d6;
  --color-muted:        #a89e8a;
  --color-muted-2:      #7c7361;
  --color-border:       #322c22;
  --color-border-light: #3d362a;

  --color-primary:       #8aa0ea;
  --color-primary-hover: #a2b4f0;
  --color-primary-bg:    #20233a;
  --color-primary-light: #2b3050;

  --color-up:      #7d9bec;
  --color-up-bg:   #1e2440;
  --color-down:    #d08a63;
  --color-down-bg: #33251c;

  --color-authority:        #d08a95;
  --color-authority-bg:     #2e1e22;
  --color-authority-border: #432a30;
  --color-authority-badge:  #d08a95;
  --color-authority-hover:  #e0a0aa;

  --color-success:    #7d9bec;
  --color-success-bg: #1e2440;
  --color-warning:    #d4a24e;
  --color-warning-bg: #2e2515;
  --color-danger:     #e8735e;
  --color-danger-bg:  #33201c;

  --color-sponsor:        var(--color-authority);
  --color-sponsor-bg:     var(--color-authority-bg);
  --color-sponsor-border: var(--color-authority-border);
  --color-sponsor-badge:  var(--color-authority-badge);
}