/* frogeye design tokens : inherits the FOMEDA / BASIC Insight system.
   Space Grotesk (display) + Inter (body), accent #2563EB, light editorial.

   Fonts are self-hosted in assets/css/fonts.css, loaded as its own <link> in
   app_layout.php. They are deliberately NOT @import-ed here: an @import inside a
   stylesheet is the slowest way to load a font, because the browser cannot even
   discover the request until tokens.css itself has arrived and been parsed. */

:root {
  --ink: #0A0A0A;
  --body: #555555;
  --muted: #999999;
  --dim: #666666;
  --accent: #2563EB;
  --accent-light: #EFF6FF;
  --accent-on-dark: #60A5FA;
  --accent-dark: #1D4ED8;
  --surface: #F5F5F5;
  --page: #FFFFFF;
  --off: #F8F8F6;
  --line: #E8E8E5;
  --line-strong: #D4D4D8;
  --on-dark-body: #A1A1AA;

  /* status */
  --ok: #16A34A;
  --ok-bg: #ECFDF5;
  --warn: #D97706;
  --warn-bg: #FFFBEB;
  --bad: #DC2626;
  --bad-bg: #FEF2F2;
  --idle: #9CA3AF;

  /* dark sidebar */
  --side-bg: #0A0A0A;
  --side-fg: #E5E5E5;
  --side-muted: #7A7A7A;
  --side-line: #1F1F1F;

  --radius: 12px;
  --radius-sm: 8px;
  --shadow: 0 1px 2px rgba(10,10,10,.04), 0 10px 30px rgba(10,10,10,.05);
  --mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, monospace;

  /* Values v1 hardcoded in app.css; tokenised so a theme change is one edit. */
  --side-hover: #161616;
  --idle-bg: #F3F4F6;
  --on-accent: #FFFFFF;
  --pulse-ok: 22,163,74;          /* rgb triplet for the live-dot keyframes */

  /* Chart palette. Read by JS via getComputedStyle so the charts and the CSS
     cannot drift apart -- v1 duplicated these as hex literals in three files. */
  --chart-1: #2563EB;
  --chart-2: #16A34A;
  --chart-3: #D97706;
  --chart-4: #9CA3AF;
}