/* ============================================================
   RAADIN SHABAKEH — Design Tokens
   ============================================================ */

:root {
  /* Background */
  --bg-primary:     #0A0E1A;
  --bg-secondary:   #0F1629;
  --bg-card:        #141B2D;
  --bg-card-hover:  #1A2340;
  --bg-border:      #1E2A45;

  /* Brand / Accent */
  --gold:           #D4A843;
  --gold-light:     #F0C060;
  --gold-dark:      #A07820;
  --gold-alpha:     rgba(212, 168, 67, 0.12);

  /* Blue Spectrum */
  --blue:           #1A6CF4;
  --blue-light:     #4D8FF7;
  --blue-glow:      rgba(26, 108, 244, 0.15);
  --blue-alpha:     rgba(26, 108, 244, 0.10);

  /* Text */
  --text-primary:   #F0F4FF;
  --text-secondary: #8A9BBF;
  --text-muted:     #4A5A80;

  /* Status */
  --green:          #22C55E;
  --green-alpha:    rgba(34, 197, 94, 0.12);

  /* Typography */
  --font-heading:   'Plus Jakarta Sans', sans-serif;
  --font-body:      'Inter', sans-serif;

  /* Spacing */
  --section-py:     96px;
  --container-max:  1280px;
  --container-pad:  24px;

  /* Radius */
  --radius-sm:      6px;
  --radius-md:      12px;
  --radius-lg:      20px;
  --radius-xl:      28px;

  /* Shadows */
  --shadow-card:    0 4px 24px rgba(0, 0, 0, 0.4);
  --shadow-glow:    0 0 40px rgba(26, 108, 244, 0.20);
  --shadow-gold:    0 0 30px rgba(212, 168, 67, 0.20);

  /* Transitions */
  --transition:     0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow:0.6s cubic-bezier(0.4, 0, 0.2, 1);

  /* Z-index layers */
  --z-navbar:       100;
  --z-overlay:      200;
  --z-modal:        300;
  --z-floating:     400;
}