/* TOLVYN Design Tokens
   Single source of truth for all visual constants.
   Import this file first in main.css.
   Do not add layout or component styles here.
*/

:root {
  /* backgrounds — brand navy ramp (base = #0B0F1A) */
  --bg:              #0B0F1A;
  --bg-secondary:    #0E121C;
  --surface:         #14181F;
  --surface-2:       #191E27;
  --border:          #222732;
  --border-light:    #2A2F3B;

  /* mint green accent system */
  --accent:          #00D9A3;
  --accent-dim:      #00b389;
  --accent-muted:    rgba(0, 217, 163, 0.12);
  --accent-glow:     rgba(0, 217, 163, 0.25);

  /* text */
  --text:            #e8eaf0;
  --text-secondary:  #9aa0b0;
  --text-muted:      #5a6070;

  /* status */
  --red:             #ef4444;
  --yellow:          #f59e0b;
  --green:           #22c55e;
  --blue:            #3b82f6;

  /* type */
  --sans:            'Inter', system-ui, -apple-system, sans-serif;
  --mono:            'JetBrains Mono', ui-monospace, monospace;

  /* semantic */
  --radius:          8px;
  --radius-lg:       12px;
  --radius-xl:       16px;
  --transition:      150ms ease;
}