/* === Papr theme tokens (mirrors "How Papr Memory Works" deck) === */
:root{
  /* Brand */
  --brand-blue:#0161E0; --brand-cyan:#0CCDFF; --brand-aqua:#00FEFE;
  --grad:linear-gradient(92deg,#0161E0 0%,#0CCDFF 58%,#00FEFE 100%);
  --grad-soft:linear-gradient(135deg,rgba(1,97,224,.08),rgba(12,205,255,.08),rgba(0,254,254,.08));

  /* Surfaces & text — LIGHT mode (default) */
  --bg:#f2f3f5; --surface:#ffffff; --surface-2:#f7f8fa;
  --text:#0b1020; --text-2:#4a5160; --text-3:#8b95a7;
  --border:rgba(11,16,32,.08); --border-2:rgba(11,16,32,.14);
  --nav-bg:rgba(255,255,255,.82);
  --hover-1:rgba(11,16,32,.03); --hover-2:rgba(11,16,32,.06);

  /* Accents */
  --blue:var(--brand-blue); --blue-bright:#2479ff; --cyan:var(--brand-cyan);
  --green:#0BA36B; --red:#E0354B;

  /* Status tints */
  --good:#0BA36B; --good-bg:rgba(11,163,107,.08); --good-border:rgba(11,163,107,.25);
  --bad:#E0354B;  --bad-bg:rgba(224,53,75,.06);   --bad-border:rgba(224,53,75,.22); --bad-text:#a01829;

  /* Cyan tints (graph-on callouts) */
  --cyan-bg-1:rgba(12,205,255,.08);
  --cyan-bg-2:rgba(12,205,255,.14);
  --cyan-border:rgba(12,205,255,.35);

  /* Blue tints */
  --blue-bg-1:rgba(1,97,224,.06);
  --blue-bg-2:rgba(1,97,224,.10);
  --blue-border:rgba(1,97,224,.25);

  --shadow-card:0 1px 0 rgba(11,16,32,.04),0 24px 44px -24px rgba(11,16,32,.18);

  /* Typography & shape (theme-independent) */
  --mono:'Geist Mono','JetBrains Mono',monospace;
  --sans:'Geist',-apple-system,BlinkMacSystemFont,sans-serif;
  --r:8px; --rl:14px;
}

@media (prefers-color-scheme: dark){
  :root{
    --bg:#0a0a0b; --surface:#111113; --surface-2:#18181b; --logos-bg:#0f0f12;
    --text:#e8e8e9; --text-2:#a0a0a8; --text-3:#5a5a65;
    --border:rgba(255,255,255,.07); --border-2:rgba(255,255,255,.12);
    --nav-bg:rgba(10,10,11,.85);
    --hover-1:rgba(255,255,255,.03); --hover-2:rgba(255,255,255,.06);

    --blue:#4f8ef7; --blue-bright:#6fa3ff; --cyan:#2dd4bf;
    --green:#34d399; --red:#f87171;

    --good:#34d399; --good-bg:rgba(52,211,153,.08); --good-border:rgba(52,211,153,.25);
    --bad:#f87171;  --bad-bg:rgba(248,113,113,.06); --bad-border:rgba(248,113,113,.25); --bad-text:#fca5a5;

    --cyan-bg-1:rgba(45,212,191,.06);
    --cyan-bg-2:rgba(45,212,191,.12);
    --cyan-border:rgba(45,212,191,.30);

    --blue-bg-1:rgba(79,142,247,.08);
    --blue-bg-2:rgba(79,142,247,.15);
    --blue-border:rgba(79,142,247,.30);

    --grad:linear-gradient(135deg,#4f8ef7,#2dd4bf);
    --shadow-card:0 1px 0 rgba(0,0,0,.4),0 24px 44px -24px rgba(0,0,0,.6);
  }
}