/* WheelsUp — design tokens (shared brand foundation: landing now, app later) */
:root {
  /* Brand palette */
  --ink:        #0F1B2D;   /* deep navy — text / dark sections */
  --ink-800:    #16263c;
  --brand:      #0F766E;   /* teal — primary / CTAs / links */
  --brand-700:  #115E59;
  --brand-600:  #0d8a80;
  --brand-300:  #5EEAD4;   /* light teal — accents on dark */
  --sand:       #F4A259;   /* warm sand — highlights / best-value */
  --sand-600:   #e08a3c;

  /* Neutrals */
  --slate:      #64748B;
  --slate-300:  #cbd5e1;
  --surface:    #F1F5F9;   /* light page background */
  --surface-2:  #e9eef5;
  --white:      #ffffff;
  --text:       #0F1B2D;
  --text-muted: #475569;
  --border:     #e2e8f0;

  /* Status */
  --success:    #16A34A;
  --danger:     #DC2626;

  /* Type */
  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* Shape / depth */
  --radius:     14px;
  --radius-sm:  9px;
  --radius-lg:  22px;
  --shadow:     0 10px 30px rgba(15,27,45,0.10);
  --shadow-lg:  0 24px 60px rgba(15,27,45,0.18);
  --maxw:       1120px;
}