/* ============================================================
   Atlas Kynetis — Design Tokens
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* Typography */
  --font-display: 'Space Grotesk', sans-serif;
  --font-body:    'Inter', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;

  /* Kynetis neutral palette */
  --ky-bg:        #0A0D16;
  --ky-surface:   #111827;
  --ky-border:    rgba(255, 255, 255, 0.07);
  --ky-text:      #F1F5F9;
  --ky-muted:     #64748B;
  --ky-subtle:    #1F2937;

  /* Spacing (8px grid) */
  --s1:  8px;   --s2:  16px;  --s3:  24px;  --s4:  32px;
  --s5:  40px;  --s6:  48px;  --s8:  64px;  --s10: 80px;
  --s12: 96px;  --s16: 128px;

  /* Border radius */
  --r-sm:   6px;   --r-md:  10px;  --r-lg:  16px;
  --r-xl:   24px;  --r-2xl: 32px;  --r-full: 9999px;

  /* Transitions */
  --t-fast:   150ms ease;
  --t-normal: 260ms cubic-bezier(0.4, 0, 0.2, 1);
  --t-slow:   420ms cubic-bezier(0.16, 1, 0.3, 1);

  /* ---- Atlas BOX Maroc ---- */
  --ab-primary:   #a855f7;
  --ab-dark:      #7c3aed;
  --ab-light:     #c084fc;
  --ab-bg:        #0D0617;
  --ab-surface:   rgba(168, 85, 247, 0.05);
  --ab-glass:     rgba(168, 85, 247, 0.09);
  --ab-border:    rgba(168, 85, 247, 0.18);
  --ab-glow:      rgba(168, 85, 247, 0.3);
  --ab-text:      #F5F0FF;
  --ab-muted:     #9D7EC7;
  --ab-gradient:  linear-gradient(135deg, #a855f7 0%, #7c3aed 100%);
  --ab-gradient2: linear-gradient(135deg, #c084fc 0%, #a855f7 50%, #7c3aed 100%);

  /* ---- FluviAtlas ---- */
  --fa-primary:   #0066FF;
  --fa-cyan:      #00D4FF;
  --fa-dark:      #0047B3;
  --fa-bg:        #070B14;
  --fa-surface:   rgba(0, 102, 255, 0.05);
  --fa-glass:     rgba(0, 102, 255, 0.09);
  --fa-border:    #1A3560;
  --fa-border-l:  rgba(0, 102, 255, 0.18);
  --fa-glow:      rgba(0, 102, 255, 0.3);
  --fa-text:      #F0F6FF;
  --fa-muted:     #6B8CC4;
  --fa-gradient:  linear-gradient(135deg, #0066FF 0%, #00D4FF 100%);
  --fa-gradient2: linear-gradient(135deg, #00D4FF 0%, #0066FF 60%, #0047B3 100%);
}