/* ============================================================
   ORLANDO INTERNATIONAL DRIVE NORTH HOTEL
   Property Brand Theme — Cordiant Platform

   Luxury-elevated palette adapted from the Zen Pacific colour
   system. Deep burgundy primary and gold accent position this
   3-star property above its I-Drive competitors. Property-specific
   typography (Cormorant Garamond + Nunito) preserves brand identity
   while the colour architecture communicates intentional hospitality.

   Brand DNA: Elevated family hospitality, warm luxury, theme park gateway.
   Palette: Burgundy primary, gold accent, warm cream surfaces.
   Typography: Cormorant Garamond (display), Nunito (body — property heritage).
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Nunito:wght@300;400;500;600;700&display=swap');

:root {
  /* ── Fonts ── */
  --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body: 'Nunito', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* ── Brand Colors ──
     Primary: Deep burgundy — rich, confident, luxury-forward.
     Secondary: Crimson rose — warm mid-tone for section accents.
     Accent: Gold — classic hospitality signal, elevates every touchpoint.
     ── */
  --color-primary: #4C0D16;              /* Deep burgundy */
  --color-primary-rgb: 76, 13, 22;
  --color-primary-hover: #3A0A11;
  --color-secondary: #8B1538;            /* Crimson rose */
  --color-secondary-rgb: 139, 21, 56;
  --color-accent: #AC7F42;               /* Gold */
  --color-accent-rgb: 172, 127, 66;
  --color-accent-hover: #966E38;
  --color-accent-text: #8B6914;          /* Dark gold — readable accent-on-white */
  --color-heart: #E25555;                /* Intent/wishlist signal — red */

  /* ── Text ── */
  --color-text-primary: #1A1A1A;
  --color-text-secondary: #4A4A4A;
  --color-text-light: #6A6A6A;
  --color-text-disabled: #9CA3AF;

  /* ── Surfaces ── */
  --color-surface-base: #FFFFFF;
  --color-surface-subtle: #FAF9F7;       /* Warm off-white */
  --color-surface-warm: #FDF6F0;         /* Warm cream — ties to gold accent */
  --color-surface-hover: #F5EDE4;

  /* ── Borders ── */
  --color-border: #E0DCD8;              /* Warm-tinted border */
  --color-border-subtle: #F0ECE8;       /* Warm-tinted subtle border */

  /* ── Shadows ── */
  --shadow-card: 0 4px 12px rgba(76, 13, 22, 0.08);
  --shadow-card-medium: 0 8px 24px rgba(76, 13, 22, 0.12);
  --shadow-modal: 0 20px 60px rgba(0, 0, 0, 0.3);

  /* ── Contrast Text ── */
  --color-on-primary: #FFFFFF;
  --color-on-accent: #FFFFFF;

  /* ── Form Neutral States ── */
  --color-border-control: #767676;
  --color-placeholder: #6E6E6E;
  --color-disabled-bg: #F9FAFB;
  --color-disabled-border: #E5E7EB;
  --color-disabled-text: #9CA3AF;

  /* ── UI Neutral States ── */
  --color-skeleton: #E5E7EB;
  --color-tooltip-bg: #2B2B2B;
  --color-tooltip-text: #FFFFFF;
  --color-toggle-off: #E5E7EB;
  --color-toggle-handle: #FFFFFF;

  /* ── Status (functional) ── */
  --color-error: #DC2626;
  --color-error-rgb: 220, 38, 38;
  --color-error-bg: #FEF2F2;
  --color-success: #22C55E;
  --color-success-bg: #F0FDF4;
  --color-warning: #EA580C;
  --color-warning-bg: #FFF7ED;

  /* ── Focus ── */
  --focus-ring: 0 0 0 3px rgba(172, 127, 66, 0.15);
  --focus-ring-error: 0 0 0 3px rgba(220, 38, 38, 0.15);
  --focus-border: var(--color-accent);

  /* ── Spacing ── */
  --card-padding: 40px 44px 36px;
  --btn-padding: 14px 32px;
  --input-padding: 14px 16px;
}