/* ============================================================
   SmarThinkerz — Shared Brand Token Foundation
   Single source of truth consumed by BOTH the public marketing
   theme (theme.css) and the Admin CRM (admin.css).
   Load this file BEFORE theme.css / admin.css.
   ============================================================ */
:root {
  /* --- Brand colours (the one set both surfaces derive from) --- */
  --brand-blue:   #00a8ff;
  --brand-cyan:   #00e5ff;
  --brand-purple: #a855f7;
  --brand-blue-deep: #0066cc;
  --brand-gradient: linear-gradient(135deg, #00a8ff 0%, #a855f7 100%);

  /* --- Semantic colours (shared meaning across both surfaces) --- */
  --success: #10b981;
  --success-bright: #4ade80;
  --warning: #f59e0b;
  --danger:  #ef4444;
  --info:    #00a8ff;

  /* --- Spacing scale --- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 64px;

  /* --- Radius scale --- */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;

  /* --- Type ramp --- */
  --text-xs:  0.75rem;
  --text-sm:  0.875rem;
  --text-base: 1rem;
  --text-lg:  1.125rem;
  --text-xl:  1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 2rem;

  /* --- Motion tokens (smoothness) --- */
  --ease-entrance: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-hero:     cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 160ms;
  --dur-base: 240ms;
  --dur-slow: 480ms;

  /* --- Layered glow tokens (soft halo, rank by hierarchy) --- */
  --glow-sm: 0 0 12px rgba(0,229,255,0.35);
  --glow-md: 0 0 24px rgba(0,229,255,0.30), 0 0 48px rgba(0,229,255,0.12);
  --glow-lg: 0 0 40px rgba(0,229,255,0.35), 0 0 80px rgba(0,229,255,0.15);
}