/* =====================================================================
   cssPalette26.css - the one place colors, fonts, spacing and radii are defined (KG 10/2026)
   Variables only, no rules. Every 26 stylesheet reads these; none redefines a color.
   Brand colors were sampled from the official logo (Images\Collateral\Swami_Logo).
   Loaded first, by every master.
   ===================================================================== */

:root {
  /* --- brand (from the logo) --- */
  --sw-blue:        #0f75bc;   /* the genie: interactive color (primary buttons, links, focus) */
  --sw-blue-dark:   #0b5c97;   /* hover / pressed */
  --sw-blue-tint:   #e8f2fa;   /* selected rows, info panels */
  --sw-navy:        #13306e;   /* headings, header bars: the weight color */
  --sw-gold:        #fcb040;   /* the lettering: highlight / accent, never body text */
  --sw-gold-dark:   #e0951a;
  --sw-gold-tint:   #fff4d6;
  --sw-red:         #c22026;   /* brand accent (helmet stripe): sparing, not for "danger" */
  --sw-red-deep:    #771422;
  --sw-silver:      #bdbec0;

  /* --- neutrals --- */
  --sw-ink:         #1b2130;   /* body text */
  --sw-muted:       #667085;   /* secondary text */
  --sw-faint:       #98a1b3;   /* placeholders, disabled */
  --sw-line:        #e2e6ee;   /* borders, dividers */
  --sw-line-strong: #c9d2e3;
  --sw-panel:       #f4f6fa;   /* page / panel background */
  --sw-surface:     #ffffff;   /* cards */
  --sw-ink-soft:    #3b4254;   /* form labels, secondary body text */

  /* --- night: the dark "floodlit field" surface (sign-in page, any future dark band) --- */
  --sw-night:          #0a1733;   /* base */
  --sw-night-deep:     #070f22;   /* page edge / bottom of the gradient */
  --sw-night-top:      #0c2150;   /* top of the gradient */
  --sw-on-night:       #e9eefb;   /* text on night */
  --sw-on-night-soft:  #c9d2e3;   /* secondary text on night */
  --sw-on-night-faint: #9fb0d3;   /* labels, legal text on night */

  /* --- semantic: meaning, not brand. Do not change when the brand changes --- */
  --sw-success:     #1d8a4a;   --sw-success-bg: #e7f5ec;
  --sw-warning:     #8a5a00;   --sw-warning-bg: #fff4d6;
  --sw-danger:      #c42b2b;   --sw-danger-bg:  #fdeceb;
  --sw-info:        #0b5c97;   --sw-info-bg:    #e8f2fa;

  /* --- type --- */
  --sw-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --sw-font-cond: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;   /* headings, numbers */

  /* --- shape / space / depth --- */
  --sw-radius-sm: 6px;
  --sw-radius:    10px;
  --sw-radius-pill: 999px;
  --sw-space-1: 4px;  --sw-space-2: 8px;  --sw-space-3: 12px;
  --sw-space-4: 16px; --sw-space-5: 24px; --sw-space-6: 32px;
  --sw-shadow:    0 1px 2px rgba(20, 30, 60, .06);

  /* --- game theme slot: the ONLY colors that change per area (default = brand blue) --- */
  --sw-theme:        var(--sw-blue);
  --sw-theme-dark:   var(--sw-blue-dark);
  --sw-theme-tint:   var(--sw-blue-tint);
  --sw-focus:       0 0 0 3px color-mix(in srgb, var(--sw-theme) 35%, transparent);
}

/* ---------------------------------------------------------------------
   Per-area themes (KG 10/2026). The master sets data-theme on the page wrapper.
   Semantic colors, status colors, neutrals, navy and layout never change per area.
   Every --sw-theme must pass 4.5:1 with white text (buttons).
   --------------------------------------------------------------------- */
[data-theme="fantasy"] { --sw-theme: #0f75bc; --sw-theme-dark: #0b5c97; --sw-theme-tint: #e8f2fa; }  /* genie blue */
[data-theme="dynasty"] { --sw-theme: #2f4fc0; --sw-theme-dark: #243e9c; --sw-theme-tint: #eaeefb; }  /* same family: indigo-leaning */
[data-theme="pickem"]  { --sw-theme: #6a62c9; --sw-theme-dark: #5149a8; --sw-theme-tint: #eeedfa; }  /* periwinkle: production Pick'em leans lavender (logo mist is lavender) */
[data-theme="poker"]   { --sw-theme: #3b44b4; --sw-theme-dark: #2d3590; --sw-theme-tint: #ecedf9; }  /* royal blue, violet-leaning */
[data-theme="squares"] { --sw-theme: #2c6485; --sw-theme-dark: #204d68; --sw-theme-tint: #e6eff5; }  /* steel blue */
[data-theme="cash"]    { --sw-theme: #00798f; --sw-theme-dark: #005c6e; --sw-theme-tint: #e0f3f6; }  /* cyan-leaning blue: My Cash (an area, not a game) */