/**
 * El Rincón - Salón Jardín & Eventos
 * Design System Tokens & Variables
 */
:root {
  /* Brand Palette - Nature Luxury */
  --color-primary: #143526;         /* Deep Forest Emerald */
  --color-primary-dark: #0d2218;    /* Dark Pine */
  --color-primary-light: #1f4f39;   /* Soft Emerald */
  --color-primary-rgb: 20, 53, 38;

  --color-gold: #c59b3f;            /* Champagne Gold */
  --color-gold-light: #dfb962;      /* Light Gold Accent */
  --color-gold-dark: #a27a27;       /* Deep Gold / Bronze */
  --color-gold-rgb: 197, 155, 63;

  --color-accent-rose: #d68079;     /* Soft Blush */
  --color-accent-cream: #faf7f2;    /* Alabaster / Linen */
  --color-accent-sage: #e8eee9;     /* Sage Tint */

  /* Neutral tones */
  --color-bg-body: #faf8f5;         /* Warm Organic White */
  --color-bg-surface: #ffffff;
  --color-bg-dark: #0f1c16;         /* Obsidian Pine */

  --color-text-main: #1f2723;       /* High-contrast slate charcoal */
  --color-text-muted: #5e6b64;      /* Soft graphite */
  --color-text-light: #f5f5f3;      /* Crisp light text */

  --color-border: rgba(20, 53, 38, 0.1);
  --color-border-gold: rgba(197, 155, 63, 0.25);

  /* Typography */
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-subheading: 'Cinzel', serif;
  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* Shadows */
  --shadow-sm: 0 4px 12px rgba(15, 28, 22, 0.05);
  --shadow-md: 0 10px 30px rgba(15, 28, 22, 0.08);
  --shadow-lg: 0 20px 50px rgba(15, 28, 22, 0.12);
  --shadow-gold: 0 10px 30px rgba(197, 155, 63, 0.25);
  --shadow-card: 0 12px 35px rgba(20, 53, 38, 0.07);

  /* Border radius */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 9999px;

  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-bounce: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}