/* Design System - Mediterranean Luxury (Tokens / Variables) */
:root {
  /* Mediterranean Color Palette */
  --background: hsl(42, 23%, 97%);
  --foreground: hsl(210, 22%, 22%);

  --card: hsl(0, 0%, 100%);
  --card-foreground: hsl(210, 22%, 22%);

  /* Aegean Blue - Primary Brand Color */
  --primary: hsl(203, 89%, 53%);
  --primary-foreground: hsl(0, 0%, 100%);
  --primary-soft: hsl(203, 89%, 88%);

  /* Warm Sand - Secondary */
  --secondary: hsl(42, 23%, 90%);
  --secondary-foreground: hsl(210, 22%, 22%);

  /* Muted Earth Tones */
  --muted: hsl(42, 15%, 94%);
  --muted-foreground: hsl(210, 11%, 40%);

  /* Sunset Orange - Accent */
  --accent: hsl(25, 85%, 62%);
  --accent-foreground: hsl(0, 0%, 100%);

  /* Borders & Inputs */
  --border: hsl(42, 15%, 88%);
  --input: hsl(42, 15%, 94%);

  --radius: 0.75rem;

  /* Shadows */
  --shadow-soft: 0 4px 20px -4px hsl(203 89% 53% / 0.15);
  --shadow-elegant: 0 10px 40px -8px hsl(210 22% 22% / 0.1);
  --shadow-card: 0 2px 10px -2px hsl(210 22% 22% / 0.08);

  /* Animation timing */
  --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-spring: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}