/* Patch Design Tokens — Nat Friedman / sfcompute aesthetic
   JetBrains Mono throughout. Light + dark mode. Zero decorative chrome.
   One accent: muted slate (#64748b) used sparingly.
*/

/* ── Light mode (default) ──────────────────────────────────────────── */
:root,
:root[data-theme="light"] {
  --bg:          #fafaf9;
  --bg-subtle:   #f5f4f1;
  --bg-raised:   #ffffff;
  --fg:          #0a0a0a;
  --fg-muted:    #71717a;
  --fg-faint:    #a1a1aa;
  --border:      #e4e4e7;
  --accent:      #64748b;
  --accent-dim:  rgba(100,116,139,0.08);
  --accent-hover:rgba(100,116,139,0.14);

  /* Platform colors */
  --signal:      #4A9EFF;
  --gmail:       #F4B400;
  --sms:         #4CAF50;
  --telegram:    #29B6F6;

  /* Semantic */
  --inbox-bg:    #fafaf9;
  --card-bg:     #ffffff;
  --compose-bg:  #f5f4f1;
  --hover-row:   rgba(100,116,139,0.06);
  --active-row:  rgba(100,116,139,0.10);
  --bubble-in:   #f5f4f1;
  --bubble-out:  #0a0a0a;
  --bubble-out-fg:#fafaf9;
}

/* ── Dark mode ──────────────────────────────────────────────────────── */
:root[data-theme="dark"] {
  --bg:          #0a0a0a;
  --bg-subtle:   #111111;
  --bg-raised:   #141414;
  --fg:          #fafaf9;
  --fg-muted:    #71717a;
  --fg-faint:    #52525b;
  --border:      #1e1e1e;
  --accent:      #94a3b8;
  --accent-dim:  rgba(148,163,184,0.10);
  --accent-hover:rgba(148,163,184,0.16);

  --signal:      #4A9EFF;
  --gmail:       #F4B400;
  --sms:         #4CAF50;
  --telegram:    #29B6F6;

  --inbox-bg:    #0a0a0a;
  --card-bg:     #111111;
  --compose-bg:  #0f0f0f;
  --hover-row:   rgba(255,255,255,0.03);
  --active-row:  rgba(255,255,255,0.06);
  --bubble-in:   #111111;
  --bubble-out:  #fafaf9;
  --bubble-out-fg:#0a0a0a;
}

/* ── Font imports (loaded by layout) ────────────────────────────────── */
/* JetBrains Mono via Google Fonts — loaded in layout.ejs */