/* WIKBORG REIN - DESIGN SYSTEM VARIABLES */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

:root {
  /* Color Palette matching wr.no */
  --bg-primary-dark: #1e242b;
  --bg-surface-dark: #252b34;
  --bg-card-dark: #2c333e;
  --bg-light: #ffffff;
  --bg-cream: #f4ece1;
  --bg-cream-light: #f7f0df;
  --bg-cream-border: #e6dac6;
  
  /* Text Colors */
  --text-dark-primary: #1e242b;
  --text-dark-secondary: #4a5568;
  --text-dark-muted: #718096;
  
  --text-light-primary: #ffffff;
  --text-light-secondary: #e2e8f0;
  --text-light-muted: #a0aec0;
  
  /* Accent Colors */
  --gold-primary: #c8a661;
  --gold-light: #dfc282;
  --gold-dark: #a6843e;
  --gold-bg-tint: rgba(200, 166, 97, 0.12);
  --gold-border-tint: rgba(200, 166, 97, 0.4);
  
  /* Borders */
  --border-light: #e2e8f0;
  --border-cream: #dfd7c8;
  --border-dark: rgba(255, 255, 255, 0.15);
  --border-dark-hover: rgba(200, 166, 97, 0.5);
  
  /* Fonts */
  --font-serif: 'Cormorant Garamond', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  /* Layout Spacing */
  --container-max: 1440px;
  --header-height: 80px;
  
  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.12);
  --shadow-lg: 0 12px 36px rgba(0, 0, 0, 0.22);
  --shadow-gold: 0 8px 24px rgba(200, 166, 97, 0.3);
  
  /* Transitions */
  --transition-fast: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}