/* ============================================================
   Design tokens. Single source of truth — linked by the shell
   and by sandboxed note frames, so the two can never drift.
   ============================================================ */

:root {
  /* Surface */
  --bench:        #EDF1F4;   /* bench laminate, cool bone white */
  --bench-deep:   #DDE5EA;   /* shadowed laminate */
  --glass:        rgba(255, 255, 255, 0.66);
  --glass-heavy:  rgba(255, 255, 255, 0.86);
  --glass-thin:   rgba(255, 255, 255, 0.42);

  /* Ink */
  --ink:          #0C1B24;   /* petrol black */
  --ink-mid:      #3D525E;
  --slate:        #6B808C;
  --slate-light:  #9AACB6;

  /* Instrumentation */
  --cyan:         #00A9C4;   /* primary accent */
  --cyan-deep:    #007D93;
  --signal:       #0BE0FF;   /* live states ONLY */
  --amber:        #C6811A;   /* attention */

  /* Structure */
  --rule:         rgba(12, 27, 36, 0.11);
  --rule-strong:  rgba(12, 27, 36, 0.20);
  --grid-line:    rgba(12, 27, 36, 0.045);

  /* Depth */
  --lift-1: 0 1px 2px rgba(12, 27, 36, 0.06), 0 2px 8px rgba(12, 27, 36, 0.05);
  --lift-2: 0 2px 4px rgba(12, 27, 36, 0.06), 0 12px 32px rgba(12, 27, 36, 0.12);
  --lift-3: 0 4px 8px rgba(12, 27, 36, 0.08), 0 24px 64px rgba(12, 27, 36, 0.18);

  /* Type */
  --ui:     "IBM Plex Sans Condensed", "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  --mono:   "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --prose:  "IBM Plex Serif", Georgia, "Times New Roman", serif;

  /* Metrics */
  --rail-h:    34px;
  --bar-h:     56px;
  --radius:    12px;
  --radius-sm: 6px;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}