/* Marco Polo design tokens.
   Single source of truth for color, radius, shadow, type.
   Linked from every HTML page; do not redefine these inline. */
:root {
  /* Brand */
  --navy: #0F172B;
  --navy-dark: #0F172B;
  --orange: #F54900;
  --orange-hover: #D93F00;
  --orange-light: #FFF4EF;
  --orange-border: #FDDCCC;

  /* Neutrals */
  --white: #FFFFFF;
  --gray-50:  #F8F9FA;
  --gray-100: #F1F3F5;
  --gray-200: #E9ECEF;
  --gray-300: #DEE2E6;
  --gray-400: #ADB5BD;
  --gray-500: #868E96;
  --gray-600: #6C757D;
  --gray-700: #495057;
  --gray-800: #343A40;

  /* Status — green */
  --green: #2EA44F;
  --green-light: #E6F9ED;
  --green-border: #c3e6cd;

  /* Status — blue */
  --blue: #2563EB;
  --blue-light: #EEF4FF;

  /* Status — yellow */
  --yellow: #F59E0B;

  /* Status — red */
  --red: #DC2626;
  --red-light: #FEF2F2;
  --red-border: #FCA5A5;

  /* Accent — purple (AI flow) */
  --purple: #7C3AED;
  --purple-light: #F3E8FF;

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);

  /* Type */
  --font: 'Inter', -apple-system, sans-serif;
  --display: 'Bricolage Grotesque', var(--font);
}