/* ============================================
   Design Tokens / CSS Variables
   ============================================ */

:root {
  /* Backgrounds */
  --bg-primary: #F8F5EE;
  --bg-secondary: #FFFFFF;
  --bg-tertiary: #F3F4F6;
  --bg-card: #FFFFFF;
  --bg-card-hover: #F9FAFB;

  /* Text */
  --text-primary: #111827;
  --text-secondary: #4B5563;
  --text-muted: #6B7280;
  --text-inverse: #ffffff;

  /* Accent Colors */
  --accent-orange: #F97316;
  --accent-orange-hover: #EA580C;
  --accent-yellow: #FACC15;
  --accent-blue: #3B82F6;
  --accent-gold: var(--accent-orange);
  --accent-gold-light: var(--accent-yellow);
  --accent-gold-bg: rgba(249, 115, 22, 0.1);
  --accent-gold-border: rgba(249, 115, 22, 0.2);

  /* Gradients */
  --gradient-start: var(--accent-orange);
  --gradient-mid: var(--accent-orange);
  --gradient-end: var(--accent-orange);

  /* Borders */
  --border-color: #E5E7EB;
  --border-hover: #D1D5DB;
  --border-strong: #9CA3AF;

  /* Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --shadow-xl: none;
  --shadow-gold: none;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-full: 9999px;

  /* Typography */
  --font-heading: 'Fraunces', 'Fraunces Fallback', serif;
  --font-cursive: 'Caveat', cursive;
  --font-body: 'Inter', 'Inter Fallback', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease;

  /* Layout */
  --container-max: 1200px;
  --nav-height: 80px;
}