/**
 * PCRN Theme - Global Design System Tokens
 * Master CSS Variables
 */

:root {
  /* Brand Color Tokens */
  --pcrn-red: #C8102E;
  --pcrn-red-hover: #A00C24;
  --pcrn-dark-red: #8B0000;
  --pcrn-red-bg: #FFF5F5;
  
  --pcrn-gold: #C5A059;
  --pcrn-gold-dark: #A6823B;
  --pcrn-gold-bright: #D4AF37;
  --pcrn-gold-light: #F4E8C1;
  --pcrn-gold-bg: #FAF6EE;
  
  --pcrn-cream: #FAF6F0;
  --pcrn-cream-light: #FCF9F5;
  --pcrn-cream-dark: #F3EBDD;

  --pcrn-obsidian: #0D0D0D;
  --pcrn-charcoal: #1C1C1C;
  --pcrn-dark-gray: #333333;
  --pcrn-mid-gray: #666666;
  --pcrn-light-gray: #F5F5F5;
  --pcrn-white: #FFFFFF;

  --pcrn-border: #E8DFD1;
  --pcrn-border-light: #F0ECE1;
  --pcrn-border-dark: #D4C5B0;

  /* Typography Tokens */
  --pcrn-font-heading: 'Cormorant Garamond', 'Cardo', Georgia, serif;
  --pcrn-font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  /* Fluid Typography Scale */
  --pcrn-text-xs: clamp(0.7rem, 0.65rem + 0.2vw, 0.75rem);
  --pcrn-text-sm: clamp(0.8rem, 0.75rem + 0.25vw, 0.875rem);
  --pcrn-text-base: clamp(0.925rem, 0.875rem + 0.25vw, 1rem);
  --pcrn-text-md: clamp(1.05rem, 1rem + 0.3vw, 1.125rem);
  --pcrn-text-lg: clamp(1.2rem, 1.1rem + 0.5vw, 1.35rem);
  --pcrn-text-xl: clamp(1.5rem, 1.3rem + 1vw, 1.75rem);
  --pcrn-text-2xl: clamp(1.85rem, 1.6rem + 1.25vw, 2.25rem);
  --pcrn-text-3xl: clamp(2.25rem, 1.8rem + 2vw, 3rem);
  --pcrn-text-display: clamp(2.75rem, 2.2rem + 2.5vw, 3.75rem);

  /* Spacing Scale */
  --pcrn-space-xs: 0.25rem;
  --pcrn-space-sm: 0.5rem;
  --pcrn-space-md: 1rem;
  --pcrn-space-lg: 1.5rem;
  --pcrn-space-xl: 2rem;
  --pcrn-space-2xl: 3rem;
  --pcrn-space-3xl: 4rem;
  --pcrn-space-4xl: 5rem;
  --pcrn-space-5xl: 6rem;

  /* Container Widths */
  --pcrn-container-content: 1320px;
  --pcrn-container-wide: 1540px;
  --pcrn-container-max: 1600px;
  --pcrn-container-narrow: 960px;

  /* Elevation & Shadows */
  --pcrn-shadow-xs: 0 1px 3px rgba(0, 0, 0, 0.03);
  --pcrn-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
  --pcrn-shadow-md: 0 6px 20px rgba(0, 0, 0, 0.06);
  --pcrn-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.1);
  --pcrn-shadow-hover: 0 14px 36px rgba(0, 0, 0, 0.12);
  --pcrn-shadow-gold: 0 4px 20px rgba(197, 160, 89, 0.18);

  /* Radius Tokens */
  --pcrn-radius-none: 0;
  --pcrn-radius-sm: 4px;
  --pcrn-radius-md: 8px;
  --pcrn-radius-lg: 12px;
  --pcrn-radius-xl: 16px;
  --pcrn-radius-pill: 9999px;

  /* Animation Tokens */
  --pcrn-ease-default: cubic-bezier(0.4, 0, 0.2, 1);
  --pcrn-ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --pcrn-transition-fast: 150ms var(--pcrn-ease-default);
  --pcrn-transition-base: 300ms var(--pcrn-ease-default);
  --pcrn-transition-slow: 500ms var(--pcrn-ease-smooth);

  /* Layout Constants */
  --pcrn-announcement-height: 30px;
  --pcrn-header-height: 90px;
  --pcrn-z-header: 100;
  --pcrn-z-modal: 1000;
  --pcrn-z-tooltip: 500;
}