/* =============================================================
   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: Slate Dark (Navy + Blue)
    ============================================================= */
:root{
--bg:#0B1220;
--bg-card:#0D1B2E;
--bg-card2:#081525;
--bg-header:rgba(8,18,32,0.92);

--accent1:#4A6FA5;
--accent2:#7A9CC0;
--accent3:#3B82F6;

--text-primary:#F3F7FF;
--text-secondary:#8BA3C0;

--border:rgba(74,111,165,0.28);

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

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

/* Derived */
--bg-card-rgb:13,27,46;
--accent1-rgb:74,111,165;
--accent3-rgb:59,130,246;
--bg-rgb:11,18,32;
}

/* =============================================================
   PASTE INSTRUCTIONS:
   When you receive a new config JSON from the client, just
   replace the values above. For example, to revert to the
   original Slate Dark preset:

   --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;
   --bg-card-rgb:    10,42,82;
   --accent1-rgb:    138,166,198;
   --accent3-rgb:    63,171,251;
   --bg-rgb:         11,46,90;

   NOTE: --bg-card-rgb, --accent1-rgb, --accent3-rgb, and --bg-rgb
   must be updated manually to match their hex counterparts
   (just the R,G,B numbers without rgba() wrapper). These are
   used in opacity calculations throughout the CSS.
   ============================================================= */