/* ============================================================
   BEAR OS design tokens — the single source of truth for every
   software surface (app /?app=1 · Growth OS /growth · /dashboard).
   Pages define their local variables FROM these. Change brand
   values here and every surface follows. Do not fork per page.
   Aligned to the official BEAR OS Brand System — Signal Blue
   accent, Archivo / Archivo Expanded / JetBrains Mono type.
   NO gold: the brand has a single azure accent.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Archivo+Expanded:wght@500;600;700;800&family=Comfortaa:wght@500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root{
  /* base — obsidian */
  --bear-bg:#08090C;
  --bear-bg2:#0A0C11;
  --bear-surface:#0D1016;
  --bear-surface2:#0E131C;
  --bear-raise:#161B24;
  --bear-line:rgba(148,163,184,0.10);
  --bear-line2:rgba(148,163,184,0.18);

  /* text */
  --bear-text:#F3F5F8;
  --bear-text2:#AEB7C2;   /* Fog — brand body text */
  --bear-text3:#8A93A0;

  /* brand — Signal Blue (the ONLY brand accent) */
  --bear-accent:#4C8DF7;   /* Signal Blue */
  --bear-accent2:#5B9BF0;  /* azure — on-dark / hover */
  --bear-ice:#9AC2FD;      /* Sky */
  --bear-gold:#9AC2FD;     /* repurposed → Sky (brand has NO gold) */

  /* status (validated for CVD + contrast on --bear-surface) */
  --bear-green:#27A264;  --bear-green-t:#35C79C;
  --bear-amber:#B8862D;  --bear-amber-t:#F2B44C;
  --bear-red:#E0564F;    --bear-red-t:#F2606B;

  /* type */
  --bear-sans:'Archivo',-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;
  --bear-disp:'Archivo Expanded','Archivo',sans-serif;
  --bear-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace;
  --bear-logo:'Comfortaa',var(--bear-disp);   /* BEAR wordmark lockup only */

  /* shape + depth */
  --bear-r:14px;
  --bear-shadow:0 1px 2px rgba(0,0,0,0.4),0 12px 40px rgba(0,0,0,0.4);
}

/* light theme (the app's theme toggle) */
[data-theme="light"]{
  --bear-bg:#F6F7F9;
  --bear-bg2:#FFFFFF;
  --bear-surface:#FFFFFF;
  --bear-surface2:#F0F2F5;
  --bear-raise:#FFFFFF;
  --bear-line:rgba(15,23,42,0.09);
  --bear-line2:rgba(15,23,42,0.16);
  --bear-text:#0B0D12;
  --bear-text2:#5A6372;
  --bear-text3:#9AA3B2;
  --bear-shadow:0 1px 2px rgba(0,0,0,0.05),0 8px 24px rgba(0,0,0,0.06);
}

/* shared brand lockup helper (sidebar headers etc.) */
.bear-slogan{font-size:8px;font-weight:600;letter-spacing:0.16em;color:var(--bear-text3);white-space:nowrap}
.bear-slogan b{color:var(--bear-ice);font-weight:600}