/* =============================================================
   BASKETBALL INDEX — THEME CONFIGURATION
   =============================================================
   HOW TO UPDATE:
   When a client sends you a new theme config JSON, copy the
   values from the "colors", "shape", and "typography" keys
   into this :root block below. That's it. No other files
   need to be touched.

   CURRENT THEME: Default Slate Dark (as of initial build)
    ============================================================= */
:root{
--bg:#0B2E5A;
--bg-card:#0A2A52;
--bg-card2:#081C36;
--bg-header:rgba(8,28,54,0.88);

--accent1:#8AA6C6;
--accent2:#B8C7D9;
--accent3:#3FABFB;

--text-primary:#F3F7FF;
--text-secondary:#B6C3D6;

--border:rgba(138,166,198,0.28);

--radius-card:22px;
--radius-btn:28px;

--font-body:'Inter',sans-serif;
--font-display:'Inter',sans-serif;

/* Derived */
--bg-card-rgb:10,42,82;
--accent1-rgb:138,166,198;
--accent3-rgb:63,171,251;
}

/* =============================================================
   PASTE INSTRUCTIONS:
   When you receive a new config JSON from the client, just
   replace the values above. For example, for the Forest preset:

   --bg:             #071a0e;
   --bg-card:        #0d2c18;
   --bg-card2:       #071a0e;
   --bg-header:      #071a0e;
   --accent1:        #22c55e;
   --accent2:        #86efac;
   --accent3:        #bbf7d0;
   --text-primary:   #f0fdf4;
   --text-secondary: #86efac;
   --border:         #14532d;
   --radius-card:    12px;
   --radius-btn:     6px;
   --font-body:      'Barlow', sans-serif;
   --font-display:   'Barlow', sans-serif;

   NOTE: --bg-card-rgb and --accent3-rgb must be updated manually
   to match --bg-card and --accent3 respectively (just the R,G,B
   numbers without rgba() wrapper). These are used in opacity
   calculations throughout the CSS. For most updates you can
   leave them as-is and it will look fine.
   ============================================================= */