/* ==========================================================================
   QUAI 36 BOOKING 2 - DESIGN SYSTEM TOKENS (CHARTE OFFICIELLE QUAI 36)
   ========================================================================== */

:root {
  /* --- PALETTE OFFICIELLE QUAI 36 (AMBRE DORÉ NOBLE & CHARCOAL ARDOISE) --- */
  --brand-orange: #E09F3E;
  --brand-orange-light: #F6C878;
  --brand-orange-dark: #B87A1E;
  --brand-charcoal: #232429;
  --brand-charcoal-light: #303135;

  --bg-deep: #0A0C0F;
  --bg-canvas: #101216;
  --bg-surface: #16181E;
  --bg-surface-elevated: #1E2129;
  --bg-glass: rgba(22, 24, 30, 0.82);
  --bg-glass-heavy: rgba(16, 18, 22, 0.94);

  /* Teintes signatures Quai 36 - Or & Ambre Précieux (doux, non criard) */
  --gold-300: #FDE68A;
  --gold-400: #E5A93C;
  --gold-500: #C8821D;
  --gold-600: #A26510;
  --gold-700: #7A4908;
  --gold-glow: rgba(229, 169, 60, 0.22);
  --gold-glow-subtle: rgba(229, 169, 60, 0.08);

  /* Neutres & Typographie */
  --text-primary: #F8FAFC;
  --text-secondary: #94A3B8;
  --text-muted: #64748B;
  --text-on-gold: #0C1017;

  /* Bordures Délicates */
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-medium: rgba(255, 255, 255, 0.15);
  --border-gold: rgba(229, 169, 60, 0.30);
  --border-gold-focus: rgba(229, 169, 60, 0.70);

  /* Statuts Sémantiques Feutrés */
  --status-confirmed-bg: #062E22;
  --status-confirmed-border: #10B981;
  --status-confirmed-text: #6EE7B7;

  --status-option-bg: #2E1903;
  --status-option-border: #F59E0B;
  --status-option-text: #FDE68A;

  --status-request-bg: #121A3B;
  --status-request-border: #6366F1;
  --status-request-text: #C7D2FE;

  --status-cancelled-bg: #2F0E0E;
  --status-cancelled-border: #EF4444;
  --status-cancelled-text: #FECACA;

  --status-fulltime-bg: #2F0E0E;
  --status-fulltime-border: #EF4444;
  --status-fulltime-text: #FECACA;

  /* --- TYPOGRAPHIE --- */
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Plus Jakarta Sans', Georgia, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* --- OMBRES MULTI-COUCHES --- */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 8px 24px -4px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 16px 40px -8px rgba(0, 0, 0, 0.6);
  --shadow-xl: 0 24px 64px -12px rgba(0, 0, 0, 0.75);
  --shadow-gold: 0 8px 32px rgba(243, 146, 0, 0.30);

  /* --- RAYONS & ESPACEMENTS --- */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* --- TRANSITIONS --- */
  --ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 150ms var(--ease-spring);
  --transition-normal: 250ms var(--ease-spring);
  --transition-slow: 400ms var(--ease-spring);
}