/* Kinesin — Color tokens
   Source: Kinesin Brandbook v1.0 (sec. 04–06), cross-checked against the
   product Figma file's live fills. Primary scale + semantics are verbatim
   from the brandbook; neutral scale and the blue/purple "additional" accents
   are read from the actual fills used across the product screens. */
:root {
  /* Primary — Kinesin Green */
  --green-50:  #E7EFEB;
  --green-100: #D4E9DE;
  --green-200: #BDDDCD;
  --green-300: #89CEB1;
  --green-400: #60CCA2;
  --green-500: #05C882;
  --green-600: #00A069;
  --green-700: #008056;
  --green-800: #006546; /* Primary 800 — the brand color */
  --green-900: #01533B;
  --green-950: #002F22;
  --green-mint-tint: #D1FFEF; /* logo tile / soft badges, from product fills */

  /* Neutral — text & structure */
  --ink-900: #26252C;   /* body copy */
  --ink-700: #4B4B59;   /* muted / secondary copy */
  --ink-600: #626276;
  --ink-500: #8D8DA3;   /* placeholder / disabled text, icons */
  --ink-400: #B7B8C2;
  --ink-border: #D9D8DF;    /* input / control borders */
  --ink-border-soft: #EEEEF0; /* card & panel separators */
  --surface-tint: #F7F7F8;  /* flat fill instead of elevation */
  --surface-card: #FDFDFD;
  --surface-white: #FFFFFF;
  --ink-950: #050505;

  /* Semantic */
  --color-success: #00A069;
  --color-success-bg: #E7EFEB;
  --color-info: #476FBF;
  --color-info-bg: #D3E3F1;
  --color-error: #B70000;
  --color-error-bg: #FBEAEA;
  --color-warning: #B78A00;
  --color-warning-bg: #FBF3D9;

  /* Additional accents — used sparingly (10% per the 60·30·10 balance) */
  --purple-500: #5D35E9;
  --purple-100: #ECECFA;
  --blue-500: #476FBF;
  --blue-100: #D3E3F1;

  /* Focus ring */
  --focus-ring: 0 0 0 3px rgba(0, 101, 70, 0.25);
}