/* ─── Google Fonts ─────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;900&family=Poppins:wght@400;500;600;700&display=swap');

/* ─── Design Tokens ─────────────────────────────────────────── */
:root {
  /* TE Purple */
  --te-purple:        #5B2A86;
  --te-purple-dark:   #3D1C5A;
  --te-purple-light:  #7C4BAA;
  --te-accent:        #8E5FC0;
  --te-bg:            #F6F2FB;
  --te-bg-alt:        #EDE5F7;
  --te-text-on:       #FFFFFF;

  /* Nokia Blue */
  --nokia-blue:       #124191;
  --nokia-blue-dark:  #0A2A60;
  --nokia-blue-light: #3B6FD4;
  --nokia-accent:     #5586E0;
  --nokia-bg:         #EEF3FB;
  --nokia-bg-alt:     #D9E6F7;
  --nokia-text-on:    #FFFFFF;

  /* Neutrals */
  --gray-50:  #F9FAFB;
  --gray-100: #F3F4F6;
  --gray-200: #E5E7EB;
  --gray-300: #D1D5DB;
  --gray-500: #6B7280;
  --gray-700: #374151;
  --gray-900: #111827;

  /* Success / status */
  --green:        #10B981;
  --green-light:  #D1FAE5;
  --red:          #EF4444;
  --red-light:    #FEE2E2;
  --amber:        #F59E0B;
  --amber-light:  #FEF3C7;

  /* Typography */
  --font-primary:   'Poppins', 'Cairo', sans-serif;
  --font-arabic:    'Cairo', 'Poppins', sans-serif;

  /* Spacing scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;

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

  /* Shadow */
  --shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);
  --shadow-md: 0 4px 12px rgba(0,0,0,.10), 0 2px 4px rgba(0,0,0,.06);
  --shadow-lg: 0 10px 30px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
  --shadow-xl: 0 20px 50px rgba(0,0,0,.15);

  /* Transitions */
  --transition: 200ms ease;
  --transition-slow: 400ms ease;

  /* Active team colours (overridden per-card) */
  --team-primary:   var(--te-purple);
  --team-dark:      var(--te-purple-dark);
  --team-light:     var(--te-purple-light);
  --team-accent:    var(--te-accent);
  --team-bg:        var(--te-bg);
  --team-bg-alt:    var(--te-bg-alt);
  --team-text-on:   var(--te-text-on);
}

/* ─── Per-team theme override ───────────────────────────────── */
.team--te {
  --team-primary:  var(--te-purple);
  --team-dark:     var(--te-purple-dark);
  --team-light:    var(--te-purple-light);
  --team-accent:   var(--te-accent);
  --team-bg:       var(--te-bg);
  --team-bg-alt:   var(--te-bg-alt);
  --team-text-on:  var(--te-text-on);
}

.team--nokia {
  --team-primary:  var(--nokia-blue);
  --team-dark:     var(--nokia-blue-dark);
  --team-light:    var(--nokia-blue-light);
  --team-accent:   var(--nokia-accent);
  --team-bg:       var(--nokia-bg);
  --team-bg-alt:   var(--nokia-bg-alt);
  --team-text-on:  var(--nokia-text-on);
}