:root {
  /* Brand Colors - Official Origen Source v3.0 */
  --color-espresso: #3B2A21;
  --color-espresso-dark: #241812;
  --color-espresso-light: #523D32;
  --color-terracotta: #C1653A;
  --color-terracotta-hover: #A7532B;
  --color-terracotta-light: #F7ECE7;
  --color-or-chaud: #C9963C;
  --color-or-chaud-hover: #B07F29;
  --color-or-chaud-light: #FAF3E6;
  --color-vert-cafe: #5C6B4F;
  --color-vert-cafe-hover: #4B5840;
  --color-vert-cafe-light: #EFF3EC;
  --color-creme: #F5EDE3;
  --color-creme-light: #FAF6F0;
  --color-creme-dark: #E8DCCF;
  --color-white: #FFFFFF;
  --color-card-bg: rgba(255, 255, 255, 0.85);
  --color-border: rgba(59, 42, 33, 0.12);
  --color-border-focus: rgba(201, 150, 60, 0.5);

  /* Typography */
  --font-serif: 'Fraunces', 'Playfair Display', Georgia, serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Typography Scale */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 2rem;
  --text-4xl: 2.75rem;
  --text-5xl: 3.5rem;

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* Border Radii (strictly 4px - 8px per brand guide) */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-pill: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(59, 42, 33, 0.06), 0 1px 2px rgba(59, 42, 33, 0.04);
  --shadow-md: 0 4px 12px rgba(59, 42, 33, 0.08), 0 2px 4px rgba(59, 42, 33, 0.04);
  --shadow-lg: 0 12px 28px rgba(59, 42, 33, 0.12), 0 4px 10px rgba(59, 42, 33, 0.06);
  --shadow-glow-gold: 0 0 20px rgba(201, 150, 60, 0.28);
  --shadow-glow-terracotta: 0 0 20px rgba(193, 101, 58, 0.25);

  /* Transitions */
  --transition-fast: 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 0.5s cubic-bezier(0.16, 1, 0.3, 1);

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