/* KGN Enterprises - Design System Variables */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&display=swap');

:root {
  /* Color Palette */
  --color-primary: #1F2937;
  --color-primary-dark: #111827;
  --color-primary-light: #374151;
  --color-gold: #C9A86A;
  --color-gold-light: #E5C384;
  --color-gold-dark: #A88748;
  --color-gold-glow: rgba(201, 168, 106, 0.4);
  --color-bg: #FAFAFA;
  --color-bg-alt: #F3F4F6;
  --color-card: #FFFFFF;
  --color-text: #222222;
  --color-text-muted: #6B7280;
  --color-text-light: #9CA3AF;
  --color-border: rgba(31, 41, 55, 0.08);
  --color-border-gold: rgba(201, 168, 106, 0.3);

  /* Typography */
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;

  /* Spacing */
  --section-padding-desktop: 120px 0;
  --section-padding-mobile: 70px 0;
  --container-max-width: 1320px;
  --container-padding: 0 24px;

  /* Elevations & Shadows */
  --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.04), 0 2px 4px -1px rgba(0, 0, 0, 0.02);
  --shadow-md: 0 10px 25px -5px rgba(0, 0, 0, 0.06), 0 8px 10px -6px rgba(0, 0, 0, 0.03);
  --shadow-lg: 0 20px 40px -10px rgba(0, 0, 0, 0.08), 0 12px 20px -8px rgba(0, 0, 0, 0.04);
  --shadow-3d: 0 30px 60px -12px rgba(31, 41, 55, 0.18), 0 18px 36px -18px rgba(201, 168, 106, 0.25);
  --shadow-gold-glow: 0 0 30px rgba(201, 168, 106, 0.25);

  /* Glassmorphism */
  --glass-bg: rgba(255, 255, 255, 0.75);
  --glass-bg-dark: rgba(31, 41, 55, 0.85);
  --glass-border: 1px solid rgba(255, 255, 255, 0.3);
  --glass-border-gold: 1px solid rgba(201, 168, 106, 0.3);
  --glass-blur: blur(16px);

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

  /* Transitions */
  --transition-fast: cubic-bezier(0.25, 1, 0.5, 1) 0.25s;
  --transition-normal: cubic-bezier(0.25, 1, 0.5, 1) 0.4s;
  --transition-smooth: cubic-bezier(0.16, 1, 0.3, 1) 0.7s;
  --transition-3d: transform 0.15s cubic-bezier(0.1, 0.4, 0.2, 1);
}