/* okidok.io - platform design tokens (source of truth)
   Neutral chrome, one accent, tonal module surfaces. Tenants override ONLY --tenant-* . */
:root{
  /* Surfaces */
  --paper:#F5F4F0;        /* app background */
  --paper-2:#ECEBE7;      /* segmented-control track, rail hover, canvas behind rooms */
  --paper-3:#FAFAF8;      /* scoreboard / secondary panel */
  --surface:#FFFFFF;      /* cards, tiles */
  --line:#E6E5E0;         /* all 1px borders */
  /* Ink */
  --ink:#15171B;          /* primary text, filled black buttons, "ok" mark */
  --ink-2:#5C6068;        /* secondary text */
  --ink-3:#7A7E86;        /* meta text, section labels */
  --ink-4:#9A9EA6;        /* timestamps, placeholders, hour labels */
  /* Brand accent (okidok blue) */
  --accent:#2F5BFF;
  --accent-ink:#1E3A8A;   /* text on --tone-blue */
  /* Semantic */
  --pos:#1F9D63;  --pos-bright:#7CF2B0;   /* money up, live dot; bright = on dark */
  --hot:#E5484D;  --warm:#F0A020;  --cold:#8B9BB4;
  /* Tonal module surfaces (Google-ish) + their ink */
  --tone-blue:#E8EDFF;   --tone-blue-ink:#1E3A8A;   /* leads, funnel */
  --tone-amber:#FFF1DC;  --tone-amber-ink:#7A4A00;  /* calls, calendar */
  --tone-green:#E6F4EC;  --tone-green-ink:#14532D;  /* revenue, classroom, customer */
  --tone-violet:#F3E8FF; --tone-violet-ink:#4C1D95; /* members, community */
  --tone-coral:#FFE8E6;  --tone-coral-ink:#9F1D1D;  /* social / inbox */
  --tone-dark:#15171B;   --tone-dark-ink:#A0A4AC;   /* money tile */
  /* Tenant (overridable per tenant; shown as swatch + avatar only, never as chrome) */
  --tenant:#21372A; --tenant-fg:#EFE6D3;
  /* Type */
  --font:'Instrument Sans',system-ui,-apple-system,sans-serif;
  /* Radii */
  --r-pill:999px; --r-tile:28px; --r-card:24px; --r-card-sm:18px; --r-control:14px; --r-chip:10px; --r-seg:9px;
  /* Shadows */
  --shadow-float:0 20px 50px -20px rgba(21,23,27,.4);   /* composer, floating pill */
  --shadow-seg:0 1px 2px rgba(0,0,0,.08);               /* selected segment */
  --shadow-frame:0 30px 80px -30px rgba(21,23,27,.35);  /* artboards only */
  /* Layout */
  --rail-w:72px; --topbar-h:73px; --scoreboard-w:320px; --page-x:36px; --thread-max:760px; --bubble-max:560px;
  /* Motion */
  --ease:cubic-bezier(.2,.8,.2,1); --dur-fast:120ms; --dur:220ms; --dur-view:280ms;
}
@keyframes okpulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}