/**
 * Kalonica Nicx - CSS Design Tokens & Variables
 * Standard: Deep Navy (#0E1A2B), Warm Ivory (#F5F1E8), Silver (#C0C0C0)
 */

:root {
  /* Core Color Palette */
  --bg-navy-dark: #0E1A2B;
  --bg-navy-card: #152338;
  --bg-navy-surface: #1B2C46;
  --bg-navy-elevated: #223755;
  
  --text-ivory-warm: #F5F1E8;
  --text-ivory-muted: #D8D2C5;
  --text-ivory-dim: #A8A193;
  
  --silver-accent: #C0C0C0;
  --silver-bright: #E5E5E5;
  --silver-glow: rgba(192, 192, 192, 0.16);
  --silver-border: rgba(255, 255, 255, 0.12);
  --silver-border-hover: rgba(192, 192, 192, 0.35);

  --accent-gold-soft: #D4AF37;
  --accent-promo-green: #38A169;
  
  /* Paper Elements (Warm Ivory Card Theme) */
  --paper-bg: #F5F1E8;
  --paper-bg-card: #FDFBF7;
  --paper-text-dark: #1E1C19;
  --paper-text-muted: #575249;
  --paper-border: #E5DFC5;

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

  /* Fluid Typography Formulas (CSS clamp for smartphone to 4k screen) */
  --fs-hero: clamp(2.2rem, 5vw + 1rem, 4.25rem);
  --fs-h1: clamp(1.85rem, 3.5vw + 0.5rem, 3rem);
  --fs-h2: clamp(1.5rem, 2.5vw + 0.5rem, 2.25rem);
  --fs-h3: clamp(1.2rem, 1.5vw + 0.5rem, 1.65rem);
  --fs-lead: clamp(1.05rem, 0.8vw + 0.8rem, 1.25rem);
  --fs-body: clamp(0.95rem, 0.4vw + 0.8rem, 1.05rem);
  --fs-sm: clamp(0.825rem, 0.2vw + 0.75rem, 0.9rem);

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  /* Layout Containers */
  --container-max: 1200px;
  --container-narrow: 840px;

  /* Shadows & Glassmorphism */
  --glass-bg: rgba(21, 35, 56, 0.78);
  --glass-blur: blur(14px);
  --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.25);
  --shadow-elevated: 0 20px 40px rgba(0, 0, 0, 0.4);
  --shadow-paper: 0 12px 32px rgba(26, 21, 15, 0.12);

  /* Transitions */
  --trans-fast: 0.2s ease;
  --trans-smooth: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}