/* ============================================================
   RugbyAxis Design Tokens
   Single source of truth for all visual values.
   ============================================================ */

:root {
  /* --- Brand Colors --- */
  --pa-green:          #00c27c;
  --pa-green-dark:     #009960;
  --pa-green-glow:     rgba(0, 194, 124, 0.18);
  --pa-green-subtle:   rgba(0, 194, 124, 0.08);

  --pa-blue:           #0095ff;
  --pa-blue-dark:      #006ecc;
  --pa-blue-glow:      rgba(0, 149, 255, 0.18);

  --pa-gold:           #f5a623;
  --pa-gold-subtle:    rgba(245, 166, 35, 0.12);

  --pa-danger:         #ff4757;
  --pa-danger-subtle:  rgba(255, 71, 87, 0.12);

  --pa-warning:        #ffa502;
  --pa-warning-subtle: rgba(255, 165, 2, 0.12);

  --pa-orange:         #f97316;
  --pa-yellow:         #eab308;
  --pa-blue-alt:       #3b82f6;

  --pa-purple:         #7c5cfc;
  --pa-purple-subtle:  rgba(124, 92, 252, 0.12);

  /* --- Background Scale --- */
  --bg-base:           #070c18;
  --bg-surface:        #0e1626;
  --bg-elevated:       #152236;
  --bg-overlay:        #1c2e47;
  --bg-hover:          #213450;

  /* --- Border --- */
  --border-subtle:     rgba(255, 255, 255, 0.06);
  --border-default:    rgba(255, 255, 255, 0.10);
  --border-strong:     rgba(255, 255, 255, 0.18);
  --border-accent:     rgba(0, 194, 124, 0.30);

  /* --- Text --- */
  --text-primary:      #eaf0fb;
  --text-secondary:    #9aaac4;
  --text-muted:        #5e718e;
  --text-disabled:     #3d5068;
  --text-inverse:      #070c18;
  --text-accent:       #00c27c;

  /* --- Typography --- */
  --font-display:      'Outfit', sans-serif;
  --font-body:         'Inter', sans-serif;
  --font-mono:         'JetBrains Mono', monospace;

  --text-xs:    0.70rem;
  --text-sm:    0.825rem;
  --text-base:  0.9375rem;
  --text-md:    1.0625rem;
  --text-lg:    1.25rem;
  --text-xl:    1.5rem;
  --text-2xl:   1.875rem;
  --text-3xl:   2.5rem;
  --text-4xl:   3.25rem;
  --text-5xl:   4rem;

  --weight-normal:  400;
  --weight-medium:  500;
  --weight-semi:    600;
  --weight-bold:    700;

  --leading-tight:  1.2;
  --leading-snug:   1.35;
  --leading-normal: 1.6;
  --leading-loose:  1.8;

  /* --- Spacing --- */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* --- Border Radius --- */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-2xl:  24px;
  --radius-full: 9999px;

  /* --- Shadows --- */
  --shadow-sm:   0 1px 3px rgba(0,0,0,0.4);
  --shadow-md:   0 4px 16px rgba(0,0,0,0.5);
  --shadow-lg:   0 8px 32px rgba(0,0,0,0.6);
  --shadow-xl:   0 16px 48px rgba(0,0,0,0.7);
  --shadow-glow: 0 0 24px rgba(0, 194, 124, 0.25);
  --shadow-glow-blue: 0 0 24px rgba(0, 149, 255, 0.20);

  /* --- Transitions --- */
  --trans-fast:   120ms ease;
  --trans-base:   200ms ease;
  --trans-slow:   350ms ease;
  --trans-spring: 300ms cubic-bezier(0.34, 1.56, 0.64, 1);

  /* --- Z-index Scale --- */
  --z-base:    1;
  --z-raised:  10;
  --z-nav:     100;
  --z-overlay: 200;
  --z-modal:   300;
  --z-toast:   400;

  /* --- Layout --- */
  --sidebar-width:        240px;
  --sidebar-collapsed:    64px;
  --topbar-height:        80px;
  --content-max:          1320px;
}