/**
 * Hôtel El Djazira (فندق الجزيرة)
 * Design Tokens & CSS Custom Properties
 */

:root {
  /* Color Palette: Luxury Mediterranean */
  --color-bg-primary: #0D0F13;
  --color-bg-secondary: #14171E;
  --color-bg-tertiary: #1B202A;
  --color-bg-card: rgba(22, 27, 36, 0.75);
  --color-bg-glass: rgba(13, 15, 19, 0.85);

  --color-surface-light: #FAF8F5;
  --color-surface-subtle: #F3EFE9;
  --color-surface-tint: #E8E2D8;

  /* Typography Colors */
  --color-text-primary: #FAF8F5;
  --color-text-secondary: #D4CFCA;
  --color-text-muted: #8E96A4;
  --color-text-dark: #12151B;
  --color-text-dark-muted: #5C6472;

  /* Brand Accents - Champagne Gold */
  --color-gold-light: #F2E3C6;
  --color-gold: #C59B4B;
  --color-gold-hover: #D6AB5B;
  --color-gold-dark: #987228;
  --color-gold-muted: rgba(197, 155, 75, 0.18);
  --color-gold-border: rgba(197, 155, 75, 0.35);

  /* Subtle Status Colors */
  --color-success: #3E885B;
  --color-accent-blue: #3E6B89;

  /* Typography Scales */
  --font-serif-display: 'Cinzel', 'Playfair Display', Georgia, serif;
  --font-serif-elegant: 'Cormorant Garamond', Garamond, serif;
  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-arabic: 'Amiri', 'Traditional Arabic', 'Scheherazade New', 'Noto Naskh Arabic', serif;

  /* Elevation Shadows */
  --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.25);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.45);
  --shadow-gold: 0 8px 30px rgba(197, 155, 75, 0.2);

  /* Border Radius */
  --radius-xs: 3px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  /* Spacing Scale */
  --section-padding-y: clamp(4.5rem, 8vw, 8rem);
  --container-max-width: 1280px;

  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}