/* =========================================
   DESIGN TOKENS — PATAGONIA DIGITAL
   ========================================= */
:root {
  /* Brand Colors */
  --pd-navy: #1a2332;
  --pd-navy-deep: #0f1620;
  --pd-white: #ffffff;
  --pd-slate: #4a5568;
  --pd-slate-light: #718096;
  --pd-light: #f7f8fa;
  --pd-light-alt: #eef1f6;
  --pd-border: #e2e8f0;

  /* Accent Colors */
  --pd-blue: #2563eb;
  --pd-blue-dark: #1d4ed8;
  --pd-blue-light: #3b82f6;
  --pd-cyan: #06b6d4;
  --pd-green: #10b981;
  --pd-orange: #f59e0b;

  /* Gradients */
  --pd-gradient-primary: linear-gradient(135deg, #0f1620 0%, #1a2332 40%, #2563eb 100%);
  --pd-gradient-hero: linear-gradient(135deg, #0a0f1a 0%, #1a2332 50%, #1e3a8a 100%);
  --pd-gradient-subtle: linear-gradient(135deg, #f7f8fa 0%, #e8ecf1 100%);
  --pd-gradient-accent: linear-gradient(135deg, #2563eb 0%, #06b6d4 100%);
  --pd-gradient-card: linear-gradient(135deg, rgba(37,99,235,0.04) 0%, rgba(6,182,212,0.04) 100%);

  /* Typography */
  --font-heading: 'Montserrat', Arial Black, sans-serif;
  --font-body: 'Open Sans', Arial, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Spacing */
  --container: 1240px;
  --section-py: 120px;
  --radius-sm: 6px;
  --radius: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(15, 22, 32, 0.04), 0 1px 3px rgba(15, 22, 32, 0.06);
  --shadow: 0 4px 6px -1px rgba(15, 22, 32, 0.06), 0 2px 4px -1px rgba(15, 22, 32, 0.04);
  --shadow-md: 0 10px 15px -3px rgba(15, 22, 32, 0.08), 0 4px 6px -2px rgba(15, 22, 32, 0.04);
  --shadow-lg: 0 20px 25px -5px rgba(15, 22, 32, 0.10), 0 10px 10px -5px rgba(15, 22, 32, 0.04);
  --shadow-xl: 0 25px 50px -12px rgba(15, 22, 32, 0.18);
  --shadow-glow: 0 0 40px rgba(37, 99, 235, 0.25);

  /* Transitions */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}