/* Zihin — Design Tokens
 * Modern, vibrant, jewel-tone palette in the Linear/Things lineage.
 * Geist Sans + Geist Mono for typography.
 */

@font-face {
  font-family: 'Geist';
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/npm/geist@1.3.1/dist/fonts/geist-sans/Geist-Variable.woff2') format('woff2');
}
@font-face {
  font-family: 'Geist Mono';
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/npm/geist@1.3.1/dist/fonts/geist-mono/GeistMono-Variable.woff2') format('woff2');
}

:root {
  /* — Dark theme (primary) — */
  --bg:        #0a0a14;
  --bg-canvas: #0e0e1b;
  --surface:   #16162a;
  --elev-1:    #1d1d33;
  --elev-2:    #25253f;
  --border:    rgba(255,255,255,0.06);
  --border-strong: rgba(255,255,255,0.12);
  --grid-dot:  rgba(180,180,220,0.10);

  --text:      #ecedf5;
  --text-mute: #9b9caf;
  --text-dim:  #5b5c70;

  /* — Jewel-tone card palette (8 colors) — */
  /* Each: --x (vibrant fill) / --x-soft (~ tinted bg) / --x-deep (deepest) */
  --amethyst:      #a78bfa;
  --amethyst-soft: #2a1f55;
  --amethyst-deep: #6d28d9;

  --sapphire:      #60a5fa;
  --sapphire-soft: #15244e;
  --sapphire-deep: #2563eb;

  --emerald:       #34d399;
  --emerald-soft:  #0f3a2d;
  --emerald-deep:  #059669;

  --citrine:       #facc15;
  --citrine-soft:  #3a2e0d;
  --citrine-deep:  #ca8a04;

  --ruby:          #fb7185;
  --ruby-soft:     #3d1622;
  --ruby-deep:     #e11d48;

  --topaz:         #fb923c;
  --topaz-soft:    #3a1f0d;
  --topaz-deep:    #ea580c;

  --cyan:          #22d3ee;
  --cyan-soft:     #0b2e3a;
  --cyan-deep:     #0891b2;

  --magenta:       #f0abfc;
  --magenta-soft:  #3a1640;
  --magenta-deep:  #c026d3;

  /* Post-it paper colors */
  --pit-yellow:    #f7e479;
  --pit-pink:      #f9b3c8;
  --pit-blue:      #b3d4f9;
  --pit-green:     #b8e6a8;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0,0,0,.4);
  --shadow-md: 0 4px 14px rgba(0,0,0,.5);
  --shadow-lg: 0 14px 40px rgba(0,0,0,.55);
  --shadow-card-lift: 0 24px 48px rgba(0,0,0,.55), 0 8px 16px rgba(0,0,0,.4);

  /* Radii */
  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-card: 22px;

  /* Type */
  --font-sans: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, SFMono-Regular, 'Menlo', monospace;
}

/* Light theme overrides — used on the `.theme-light` wrapper */
.theme-light {
  --bg:        #f5f3ee;
  --bg-canvas: #faf8f3;
  --surface:   #ffffff;
  --elev-1:    #fbfaf6;
  --elev-2:    #f0eee9;
  --border:    rgba(20,20,40,0.08);
  --border-strong: rgba(20,20,40,0.14);
  --grid-dot:  rgba(20,20,40,0.10);

  --text:      #1a1a26;
  --text-mute: #5b5c70;
  --text-dim:  #9b9caf;

  /* Pastel jewel-tones for light theme */
  --amethyst-soft: #ece4ff;
  --sapphire-soft: #e1edff;
  --emerald-soft:  #d6f4e6;
  --citrine-soft:  #fbf0c6;
  --ruby-soft:     #ffe1e8;
  --topaz-soft:    #ffe5d0;
  --cyan-soft:     #d4f3f8;
  --magenta-soft:  #fae0fc;
}

/* Globals (only inside .zihin-root so we don't bleed into design-canvas chrome) */
.zihin-root, .zihin-root * { box-sizing: border-box; }
.zihin-root {
  font-family: var(--font-sans);
  color: var(--text);
  font-feature-settings: 'ss01', 'cv11';
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.zihin-root button { font-family: inherit; }
.mono { font-family: var(--font-mono); font-feature-settings: 'ss03'; }