/* Victory Ops Design System (VODS) v1.1 — token layer.
 *
 * This file is a VERBATIM transcription of VODS Section 9 (the implementation-ready
 * CSS variable block). See docs/victory-ops-design-system.md. Per VODS Section 10,
 * token changes are decided in that document FIRST, then transcribed here — never the
 * reverse. Do not add, remove, or re-derive tokens here; VODS-derived supplements
 * (status dim fills, spacing scale, @font-face, base element styles) live in base.css.
 */
:root {
  /* Brand */
  --tv-gold: #E1C300;            /* True Gold — official */
  --tv-gold-hover: #F0D419;
  --tv-gold-pressed: #C4AA00;
  --tv-gold-dim: rgba(225, 195, 0, 0.12);
  --tv-white: #FFFFFF;
  --tv-black: #0A0A0B;

  /* Surfaces */
  --surface-base: #0F0F10;
  --surface-raised: #1A1A1C;
  --surface-overlay: #242427;
  --surface-inset: #121214;

  /* Text */
  --text-primary: #F2F2F3;
  --text-secondary: #B9B9BE;
  --text-muted: #85858C;

  /* Lines */
  --border-default: #2E2E33;
  --border-strong: #45454C;

  /* Status */
  --status-success: #3DD68C;
  --status-warning: #E8833A;
  --status-danger: #F0524F;
  --status-info: #5B8DEF;

  /* Shape */
  --radius-pill: 999px;
  --radius-card: 16px;
  --radius-data: 8px;

  /* Depth — chrome only */
  --shadow-raised: 6px 6px 14px rgba(0,0,0,0.45), -4px -4px 10px rgba(255,255,255,0.03);
  --shadow-inset: inset 4px 4px 8px rgba(0,0,0,0.45), inset -2px -2px 6px rgba(255,255,255,0.03);

  /* Type */
  --font-display: 'Good Times', sans-serif;
  --font-ui: Arial, Helvetica, sans-serif;
}