/* ============================================================
   GO FAST VALENCIA — Color Tokens
   Extracted from brand logo: navy wave, teal ring, amber sun
   ============================================================ */

:root {
  /* ── Navy scale (primary brand) ── */
  --color-navy-950: #0A1630;
  --color-navy-900: #0D1F47;
  --color-navy-800: #1A2D5C;
  --color-navy-700: #1E3572;
  --color-navy-600: #2A4A8C;
  --color-navy-500: #3562B0;
  --color-navy-200: #A8C0E8;
  --color-navy-100: #D4E0F4;
  --color-navy-50:  #EEF3FB;

  /* ── Teal scale (secondary brand) ── */
  --color-teal-700: #0C7A72;
  --color-teal-600: #108A82;
  --color-teal-500: #17A99F;
  --color-teal-400: #22C4BA;
  --color-teal-300: #5DD8D0;
  --color-teal-200: #9DE9E4;
  --color-teal-100: #C8F5F2;
  --color-teal-50:  #E8FAFA;

  /* ── Amber scale (accent / CTA) ── */
  --color-amber-700: #C4820A;
  --color-amber-600: #D8930E;
  --color-amber-500: #F0A11C;
  --color-amber-400: #F5B83D;
  --color-amber-300: #FAD07A;
  --color-amber-100: #FEF3D5;
  --color-amber-50:  #FFFBEB;

  /* ── Neutral / Gray ── */
  --color-white:    #FFFFFF;
  --color-gray-50:  #F5F7FA;
  --color-gray-100: #EAECF0;
  --color-gray-200: #D0D5DD;
  --color-gray-300: #B8C0CC;
  --color-gray-400: #98A2B3;
  --color-gray-500: #667085;
  --color-gray-600: #475467;
  --color-gray-700: #344054;
  --color-gray-800: #1D2939;
  --color-gray-900: #101828;

  /* ── Semantic aliases ── */
  --color-brand-primary:   var(--color-navy-800);
  --color-brand-secondary: var(--color-teal-500);
  --color-brand-accent:    var(--color-amber-500);

  --bg-surface:   var(--color-white);
  --bg-subtle:    var(--color-gray-50);
  --bg-muted:     var(--color-gray-100);
  --bg-dark:      var(--color-navy-800);
  --bg-deep:      var(--color-navy-950);
  --bg-teal:      var(--color-teal-500);
  --bg-accent:    var(--color-amber-500);

  --text-primary:   var(--color-gray-900);
  --text-secondary: var(--color-gray-600);
  --text-muted:     var(--color-gray-400);
  --text-inverse:   var(--color-white);
  --text-brand:     var(--color-navy-800);
  --text-teal:      var(--color-teal-600);
  --text-accent:    var(--color-amber-600);

  --border-default: var(--color-gray-200);
  --border-strong:  var(--color-gray-300);
  --border-brand:   var(--color-teal-500);
  --border-accent:  var(--color-amber-500);
}