/* Bluewinds Design Tokens */
:root {
  /* Backgrounds */
  --bg-primary:    #05090f;
  --bg-secondary:  #0e1120;
  --bg-tertiary:   #13182a;
  --bg-card:       rgba(255,255,255,0.03);
  --bg-card-hover: rgba(255,255,255,0.05);

  /* Borders */
  --border:        rgba(255,255,255,0.07);
  --border-hover:  rgba(255,255,255,0.15);
  --border-focus:  rgba(99,102,241,0.6);

  /* Accent colors */
  --indigo:        #6366f1;
  --indigo-light:  #818cf8;
  --indigo-dark:   #4f46e5;
  --cyan:          #22d3ee;
  --cyan-light:    #67e8f9;
  --purple:        #a78bfa;
  --purple-dark:   #7c3aed;
  --emerald:       #10b981;
  --emerald-light: #6ee7b7;

  /* Gradients */
  --gradient-primary:   linear-gradient(135deg, #6366f1, #22d3ee);
  --gradient-purple:    linear-gradient(135deg, #a78bfa, #6366f1);
  --gradient-emerald:   linear-gradient(135deg, #10b981, #22d3ee);
  --gradient-hero:      linear-gradient(135deg, rgba(99,102,241,0.15) 0%, rgba(34,211,238,0.05) 100%);

  /* Pillar colors */
  --pillar-cyber-bg:    rgba(99,102,241,0.08);
  --pillar-cyber-border:rgba(99,102,241,0.25);
  --pillar-cyber-text:  #a5b4fc;
  --pillar-ai-bg:       rgba(34,211,238,0.06);
  --pillar-ai-border:   rgba(34,211,238,0.2);
  --pillar-ai-text:     #67e8f9;
  --pillar-sec4ai-bg:   rgba(167,139,250,0.07);
  --pillar-sec4ai-border:rgba(167,139,250,0.22);
  --pillar-sec4ai-text: #d8b4fe;
  --pillar-ai4sec-bg:   rgba(16,185,129,0.06);
  --pillar-ai4sec-border:rgba(16,185,129,0.2);
  --pillar-ai4sec-text: #6ee7b7;

  /* Text */
  --text-primary:   #ffffff;
  --text-secondary: #94a3b8;
  --text-muted:     #475569;
  --text-link:      #818cf8;

  /* Typography */
  --font:           'Plus Jakarta Sans', sans-serif;
  --text-xs:        11px;
  --text-sm:        13px;
  --text-base:      16px;
  --text-lg:        18px;
  --text-xl:        22px;
  --text-2xl:       28px;
  --text-3xl:       36px;
  --text-4xl:       48px;
  --text-5xl:       60px;

  /* Spacing */
  --section-y:      96px;
  --section-y-sm:   64px;
  --container-max:  1200px;
  --container-pad:  24px;

  /* Radius */
  --radius-sm:  6px;
  --radius-md:  10px;
  --radius-lg:  16px;
  --radius-xl:  24px;
  --radius-full:9999px;

  /* Shadows */
  --shadow-sm:   0 2px 8px rgba(0,0,0,0.3);
  --shadow-md:   0 4px 24px rgba(0,0,0,0.4);
  --shadow-lg:   0 8px 48px rgba(0,0,0,0.5);
  --glow-indigo: 0 0 40px rgba(99,102,241,0.2);
  --glow-cyan:   0 0 40px rgba(34,211,238,0.15);

  /* Transitions */
  --t-fast:   0.15s ease;
  --t-base:   0.25s ease;
  --t-slow:   0.4s ease;

  /* Z-index */
  --z-topbar:   100;
  --z-nav:      200;
  --z-dropdown: 300;
  --z-mobile:   400;
  --z-overlay:  500;
}