/* Ryzenith — color tokens. Dark is the hero (and only) theme. */
:root {
  /* Base surfaces — depth via layering, never shadow */
  --bg-0: #000000;        /* app background, true black */
  --surface-1: #0E0E10;   /* raised card */
  --surface-2: #1A1A1E;   /* nested surface: inputs, chips on cards */
  --surface-3: #26262B;   /* highest layer: pressed chip, keypad key */

  /* Hairlines & strokes */
  --hairline: rgba(255, 255, 255, 0.10);
  --hairline-strong: rgba(255, 255, 255, 0.16);

  /* Text */
  --text-1: #F5F5F7;      /* primary */
  --text-2: #A1A1A8;      /* secondary */
  --text-3: #636369;      /* tertiary / placeholder */
  --text-on-accent: #000000; /* ALWAYS black on neon */

  /* Accent — neon chartreuse. Primary action, active state, muscle highlight ONLY. */
  --accent: #C8FF00;
  --accent-pressed: #B2E600;
  --accent-dim: rgba(200, 255, 0, 0.14);  /* selected-row tint, chart fill */
  --accent-glow: rgba(200, 255, 0, 0.35); /* mannequin muscle glow only */

  /* Semantic */
  --danger: #FF453A;      /* delete only. Never for emphasis. */
  --danger-dim: rgba(255, 69, 58, 0.14);

  /* Semantic aliases */
  --surface-card: var(--surface-1);
  --surface-input: var(--surface-2);
  --text-body: var(--text-1);
  --text-muted: var(--text-2);
  --action-primary: var(--accent);
  --chart-line: var(--accent);
}