/* ============================================================
   GetDriver — Color tokens
   Dark, cinematic surfaces + a single vivid Swiss red accent.
   ============================================================ */
:root {
  /* ---- Brand red (primary) ---- */
  --red-50:  #fdecec;
  --red-100: #fbd0d1;
  --red-200: #f5a3a5;
  --red-300: #ef7174;
  --red-400: #ea4449;
  --red-500: #e11d24;   /* primary brand red */
  --red-600: #c8141b;
  --red-700: #a50f15;   /* press / deep */
  --red-800: #7f0b10;

  /* ---- Neutrals (cool near-black through white) ---- */
  --neutral-0:   #ffffff;
  --neutral-25:  #fafafa;
  --neutral-50:  #f4f4f5;   /* off-white trust card */
  --neutral-100: #e8e8ea;
  --neutral-200: #c9cace;
  --neutral-300: #9b9da4;
  --neutral-400: #6f7178;
  --neutral-500: #4a4c52;
  --neutral-600: #2c2e34;
  --neutral-700: #1f2127;   /* input fill on dark */
  --neutral-800: #15171c;   /* card surface */
  --neutral-850: #101216;
  --neutral-900: #0b0c0f;   /* page background */
  --neutral-950: #050608;   /* deepest / hero base */

  /* ---- Accent: trust gold (star rating) ---- */
  --gold-400: #ffcd2c;
  --gold-500: #f4b400;

  /* ---- Semantic: surfaces ---- */
  --bg-page:        var(--neutral-900);
  --bg-page-deep:   var(--neutral-950);
  --surface-card:   var(--neutral-800);
  --surface-raised: var(--neutral-700);
  --surface-input:  var(--neutral-700);
  --surface-light:  var(--neutral-50);   /* light sections / trust bar */

  /* translucent glass card over imagery */
  --surface-glass:        rgba(16, 18, 22, 0.82);
  --surface-glass-input:  rgba(255, 255, 255, 0.06);

  /* ---- Semantic: text ---- */
  --text-primary:      var(--neutral-0);
  --text-secondary:    var(--neutral-300);
  --text-muted:        var(--neutral-400);
  --text-on-light:     var(--neutral-900);
  --text-on-light-sub: var(--neutral-400);
  --text-accent:       var(--red-500);
  --text-inverse:      var(--neutral-900);

  /* ---- Semantic: actions ---- */
  --action-primary:        var(--red-500);
  --action-primary-hover:  var(--red-600);
  --action-primary-press:  var(--red-700);
  --action-on-primary:     var(--neutral-0);

  /* ---- Borders & dividers ---- */
  --border-subtle:    rgba(255, 255, 255, 0.08);
  --border-default:   rgba(255, 255, 255, 0.14);
  --border-strong:    rgba(255, 255, 255, 0.24);
  --border-on-light:  rgba(11, 12, 15, 0.10);
  --focus-ring:       var(--red-500);

  /* ---- Status ---- */
  --success: #2bb673;
  --warning: var(--gold-500);
  --danger:  var(--red-500);
}