/* ===========================================================================
   Shared design tokens — palette, radii, shadows, font stack.

   Every page links this first, then its own stylesheet. Keeping the palette in
   one file matters now that the app is growing past a single screen: the login
   view is here already, and the league table, workshop and squad views are next.
   =========================================================================== */

:root {
  --bg:          #0a0e14;
  --bg-2:        #111823;
  --panel:       #151d2a;
  --panel-2:     #1b2534;
  --line:        #263243;
  --line-soft:   #1e2836;

  --ink:         #eef2f8;
  --ink-2:       #a7b4c6;
  --ink-3:       #6b7a90;

  --accent:      #ffc93c;
  --accent-2:    #ff8a3d;

  --red:         #e0323c;
  --blue:        #2f6fe0;
  --white:       #eef1f5;
  --yellow:      #f2c02a;
  --ok:          #35b573;

  --r-sm: 6px;
  --r:    10px;
  --r-lg: 16px;

  --shadow:      0 8px 28px rgba(0, 0, 0, .45);
  --shadow-soft: 0 2px 10px rgba(0, 0, 0, .30);

  --font: ui-sans-serif, "Segoe UI Variable Text", "Segoe UI", system-ui,
          Roboto, "Helvetica Neue", Arial, sans-serif;
}

* { box-sizing: border-box; }