/* ======================================================================
   WHITE LABEL FITNESS — brand.css
   SINGLE SOURCE OF TRUTH FOR COLOR (website + app + hub, identical file).

   RE-SKIN FROM ONE PLACE:
     Edit the :root / [data-wlf-theme="navy-white"] block below. Every page in
     all three packages updates. Each colour also has an -rgb companion
     (e.g. --wlf-brand-rgb) used by rgba() so transparency stays in sync.

   DEFAULT THEME (white-label):  Navy / White
   SWITCH THEME globally:        set DEFAULT_THEME in assets/js/wlf-theme-init.js
   PREVIEW a theme on any page:  add ?theme=crimson  (or black-red, navy-sky, ...)

   CUSTOMER COLOR SCHEMES (presets, ready to ship):
     navy-white (default), crimson, calm-blue, pro-blue, steel-blue, navy-sky,
     ocean-blue, indigo-blue, graphite-blue, white-black,
     black-red, black-gold, black-white, red-white
   ====================================================================== */

/* ----------------------------------------------------------------------
   1) PALETTES — the single source of truth for colour. Edit here.
   ---------------------------------------------------------------------- */

/* DEFAULT: Navy / White (white-label default) */
:root,
html[data-wlf-theme="navy-white"]{
  --wlf-theme-name:'Navy / White';
  --wlf-page:#f7fbff;
  --wlf-page-rgb:247,251,255;
  --wlf-page-2:#eef4ff;
  --wlf-page-2-rgb:238,244,255;
  --wlf-surface:#ffffff;
  --wlf-surface-rgb:255,255,255;
  --wlf-surface-2:#f6faff;
  --wlf-surface-2-rgb:246,250,255;
  --wlf-surface-3:#e9f1fb;
  --wlf-surface-3-rgb:233,241,251;
  --wlf-card:#ffffff;
  --wlf-card-rgb:255,255,255;
  --wlf-card-soft:#f4f8ff;
  --wlf-card-soft-rgb:244,248,255;
  --wlf-text:#071426;
  --wlf-text-rgb:7,20,38;
  --wlf-text-2:#0f2746;
  --wlf-text-2-rgb:15,39,70;
  --wlf-muted:#465a72;
  --wlf-muted-rgb:70,90,114;
  --wlf-muted-2:#64788f;
  --wlf-muted-2-rgb:100,120,143;
  --wlf-border:#bdd7f4;
  --wlf-border-rgb:189,215,244;
  --wlf-border-2:#dcecff;
  --wlf-border-2-rgb:220,236,255;
  --wlf-brand:#0f3460;
  --wlf-brand-rgb:15,52,96;
  --wlf-brand-2:#0b2545;
  --wlf-brand-2-rgb:11,37,69;
  --wlf-brand-soft:#dbeafe;
  --wlf-brand-soft-rgb:219,234,254;
  --wlf-brand-wash:#eff6ff;
  --wlf-brand-wash-rgb:239,246,255;
  --wlf-accent:#3b82f6;
  --wlf-accent-rgb:59,130,246;
  --wlf-on-brand:#ffffff;
  --wlf-on-brand-rgb:255,255,255;
  --wlf-good:#16a34a;
  --wlf-good-rgb:22,163,74;
  --wlf-warning:#f59e0b;
  --wlf-warning-rgb:245,158,11;
  --wlf-shadow:0 18px 50px rgba(11,37,69,.13);
  --wlf-shadow-soft:0 10px 28px rgba(11,37,69,.08);
  --wlf-radius:22px;
  --wlf-radius-sm:14px;
  --wlf-font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --wlf-font-heading:"Barlow Condensed", Inter, Arial, sans-serif;

  /* legacy variable bridge — old pages used these names. Defined once on :root;
     they resolve against whichever theme's --wlf-* values are active. */
  --or:var(--wlf-brand); --ol:var(--wlf-brand-2); --og:rgba(var(--wlf-brand-rgb),.18);
  --wh:var(--wlf-text); --mt:var(--wlf-muted); --mt2:var(--wlf-muted-2);
  --s1:var(--wlf-surface); --s2:var(--wlf-surface-2); --s3:var(--wlf-surface-3);
  --bg:var(--wlf-page); --card:var(--wlf-card); --line:var(--wlf-border);
  --red:var(--wlf-brand); --accent:var(--wlf-accent); --blue:var(--wlf-brand);
  --bpf-bg:var(--wlf-page); --bpf-bg-2:var(--wlf-page-2); --bpf-panel:var(--wlf-card);
  --bpf-panel-2:var(--wlf-card-soft); --bpf-red:var(--wlf-brand); --bpf-red-hot:var(--wlf-brand-2);
  --bpf-red-deep:var(--wlf-brand-wash); --bpf-lime:var(--wlf-accent); --bpf-white:var(--wlf-text);
  --bpf-muted:var(--wlf-muted); --bpf-soft:var(--wlf-muted-2); --bpf-border:var(--wlf-border);
}

/* Website's original look, preserved as a switchable preset. */
html[data-wlf-theme="crimson"]{
  --wlf-theme-name:'Crimson / Charcoal';
  --wlf-page:#050505;
  --wlf-page-rgb:5,5,5;
  --wlf-page-2:#0a0a0a;
  --wlf-page-2-rgb:10,10,10;
  --wlf-surface:#141414;
  --wlf-surface-rgb:20,20,20;
  --wlf-surface-2:#1c1c1c;
  --wlf-surface-2-rgb:28,28,28;
  --wlf-surface-3:#242424;
  --wlf-surface-3-rgb:36,36,36;
  --wlf-card:#141414;
  --wlf-card-rgb:20,20,20;
  --wlf-card-soft:#1b1b1b;
  --wlf-card-soft-rgb:27,27,27;
  --wlf-text:#f5f0ec;
  --wlf-text-rgb:245,240,236;
  --wlf-text-2:#f6f1ec;
  --wlf-text-2-rgb:246,241,236;
  --wlf-muted:#8a8a8a;
  --wlf-muted-rgb:138,138,138;
  --wlf-muted-2:#bfb7b0;
  --wlf-muted-2-rgb:191,183,176;
  --wlf-border:#2a2a2a;
  --wlf-border-rgb:42,42,42;
  --wlf-border-2:#1c1c1c;
  --wlf-border-2-rgb:28,28,28;
  --wlf-brand:#c41e3a;
  --wlf-brand-rgb:196,30,58;
  --wlf-brand-2:#e02040;
  --wlf-brand-2-rgb:224,32,64;
  --wlf-brand-soft:#1a0a0d;
  --wlf-brand-soft-rgb:26,10,13;
  --wlf-brand-wash:#1a0a0d;
  --wlf-brand-wash-rgb:26,10,13;
  --wlf-accent:#c9ff00;
  --wlf-accent-rgb:201,255,0;
  --wlf-on-brand:#ffffff;
  --wlf-on-brand-rgb:255,255,255;
  --wlf-good:#2ecc71;
  --wlf-good-rgb:46,204,113;
  --wlf-warning:#f7c95f;
  --wlf-warning-rgb:247,201,95;
  --wlf-shadow:0 18px 50px rgba(0,0,0,.45);
  --wlf-shadow-soft:0 10px 28px rgba(0,0,0,.30);
}

/* Light blue family */
html[data-wlf-theme="calm-blue"]{
  --wlf-theme-name:'Calm Blue / White';
  --wlf-page:#f7fbff;--wlf-page-rgb:247,251,255;
  --wlf-page-2:#f0f6ff;--wlf-page-2-rgb:240,246,255;
  --wlf-surface:#ffffff;--wlf-surface-rgb:255,255,255;
  --wlf-surface-2:#fbfdff;--wlf-surface-2-rgb:251,253,255;
  --wlf-surface-3:#edf5ff;--wlf-surface-3-rgb:237,245,255;
  --wlf-card:#ffffff;--wlf-card-rgb:255,255,255;
  --wlf-card-soft:#f5f9ff;--wlf-card-soft-rgb:245,249,255;
  --wlf-text:#071b4a;--wlf-text-rgb:7,27,74;
  --wlf-text-2:#102858;--wlf-text-2-rgb:16,40,88;
  --wlf-muted:#3a4d66;--wlf-muted-rgb:58,77,102;
  --wlf-muted-2:#546881;--wlf-muted-2-rgb:84,104,129;
  --wlf-border:#bcd6ff;--wlf-border-rgb:188,214,255;
  --wlf-border-2:#dceaff;--wlf-border-2-rgb:220,234,255;
  --wlf-brand:#2b65c8;--wlf-brand-rgb:43,101,200;
  --wlf-brand-2:#1f4f9f;--wlf-brand-2-rgb:31,79,159;
  --wlf-brand-soft:#e4efff;--wlf-brand-soft-rgb:228,239,255;
  --wlf-brand-wash:#f0f6ff;--wlf-brand-wash-rgb:240,246,255;
  --wlf-accent:#2b65c8;--wlf-accent-rgb:43,101,200;
  --wlf-on-brand:#ffffff;--wlf-on-brand-rgb:255,255,255;
  --wlf-good:#2b65c8;--wlf-good-rgb:43,101,200;
  --wlf-warning:#2b65c8;--wlf-warning-rgb:43,101,200;
  --wlf-shadow:0 18px 50px rgba(30,64,175,.11);
  --wlf-shadow-soft:0 10px 28px rgba(30,64,175,.08);
  --wlf-radius:22px;
  --wlf-radius-sm:14px;
  --wlf-font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --wlf-font-heading:"Barlow Condensed", Inter, Arial, sans-serif;
}
html[data-wlf-theme="pro-blue"]{--wlf-page:#f7fbff;--wlf-page-rgb:247,251,255;--wlf-page-2:#eaf3ff;--wlf-page-2-rgb:234,243,255;--wlf-surface:#fff;--wlf-surface-rgb:255,255,255;--wlf-surface-2:#f4f9ff;--wlf-surface-2-rgb:244,249,255;--wlf-surface-3:#eaf3ff;--wlf-surface-3-rgb:234,243,255;--wlf-card:#fff;--wlf-card-rgb:255,255,255;--wlf-card-soft:#f1f7ff;--wlf-card-soft-rgb:241,247,255;--wlf-text:#071b4a;--wlf-text-rgb:7,27,74;--wlf-text-2:#102a5c;--wlf-text-2-rgb:16,42,92;--wlf-muted:#3c4f68;--wlf-muted-rgb:60,79,104;--wlf-muted-2:#54688a;--wlf-muted-2-rgb:84,104,138;--wlf-border:#bfdbfe;--wlf-border-rgb:191,219,254;--wlf-border-2:#dbeafe;--wlf-border-2-rgb:219,234,254;--wlf-brand:#2563eb;--wlf-brand-rgb:37,99,235;--wlf-brand-2:#1d4ed8;--wlf-brand-2-rgb:29,78,216;--wlf-brand-soft:#dbeafe;--wlf-brand-soft-rgb:219,234,254;--wlf-brand-wash:#eff6ff;--wlf-brand-wash-rgb:239,246,255;--wlf-accent:#2563eb;--wlf-accent-rgb:37,99,235;--wlf-on-brand:#fff;--wlf-on-brand-rgb:255,255,255;--wlf-good:#2563eb;--wlf-good-rgb:37,99,235;--wlf-warning:#2563eb;--wlf-warning-rgb:37,99,235;--wlf-shadow:0 18px 50px rgba(37,99,235,.12);--wlf-shadow-soft:0 10px 28px rgba(37,99,235,.08)}
html[data-wlf-theme="steel-blue"]{--wlf-page:#f5f8fb;--wlf-page-rgb:245,248,251;--wlf-page-2:#e7eff6;--wlf-page-2-rgb:231,239,246;--wlf-surface:#fff;--wlf-surface-rgb:255,255,255;--wlf-surface-2:#f8fbfd;--wlf-surface-2-rgb:248,251,253;--wlf-surface-3:#edf4f8;--wlf-surface-3-rgb:237,244,248;--wlf-card:#fff;--wlf-card-rgb:255,255,255;--wlf-card-soft:#f3f8fb;--wlf-card-soft-rgb:243,248,251;--wlf-text:#0a2437;--wlf-text-rgb:10,36,55;--wlf-text-2:#15384e;--wlf-text-2-rgb:21,56,78;--wlf-muted:#42596b;--wlf-muted-rgb:66,89,107;--wlf-muted-2:#5d7283;--wlf-muted-2-rgb:93,114,131;--wlf-border:#c7d7e3;--wlf-border-rgb:199,215,227;--wlf-border-2:#dbe6ee;--wlf-border-2-rgb:219,230,238;--wlf-brand:#2f6f8f;--wlf-brand-rgb:47,111,143;--wlf-brand-2:#24566f;--wlf-brand-2-rgb:36,86,111;--wlf-brand-soft:#dbeaf2;--wlf-brand-soft-rgb:219,234,242;--wlf-brand-wash:#eef6fa;--wlf-brand-wash-rgb:238,246,250;--wlf-accent:#2f6f8f;--wlf-accent-rgb:47,111,143;--wlf-on-brand:#fff;--wlf-on-brand-rgb:255,255,255;--wlf-good:#2f6f8f;--wlf-good-rgb:47,111,143;--wlf-warning:#2f6f8f;--wlf-warning-rgb:47,111,143;--wlf-shadow:0 18px 50px rgba(47,111,143,.12);--wlf-shadow-soft:0 10px 28px rgba(47,111,143,.08)}
html[data-wlf-theme="navy-sky"]{--wlf-page:#f5f9ff;--wlf-page-rgb:245,249,255;--wlf-page-2:#eaf4ff;--wlf-page-2-rgb:234,244,255;--wlf-surface:#fff;--wlf-surface-rgb:255,255,255;--wlf-surface-2:#f7fbff;--wlf-surface-2-rgb:247,251,255;--wlf-surface-3:#eaf4ff;--wlf-surface-3-rgb:234,244,255;--wlf-card:#fff;--wlf-card-rgb:255,255,255;--wlf-card-soft:#f1f7ff;--wlf-card-soft-rgb:241,247,255;--wlf-text:#071426;--wlf-text-rgb:7,20,38;--wlf-text-2:#0f2746;--wlf-text-2-rgb:15,39,70;--wlf-muted:#3f5468;--wlf-muted-rgb:63,84,104;--wlf-muted-2:#5c7185;--wlf-muted-2-rgb:92,113,133;--wlf-border:#bdd7f4;--wlf-border-rgb:189,215,244;--wlf-border-2:#dcecff;--wlf-border-2-rgb:220,236,255;--wlf-brand:#0f3460;--wlf-brand-rgb:15,52,96;--wlf-brand-2:#0b2545;--wlf-brand-2-rgb:11,37,69;--wlf-brand-soft:#dbeafe;--wlf-brand-soft-rgb:219,234,254;--wlf-brand-wash:#eff6ff;--wlf-brand-wash-rgb:239,246,255;--wlf-accent:#3b82f6;--wlf-accent-rgb:59,130,246;--wlf-on-brand:#fff;--wlf-on-brand-rgb:255,255,255;--wlf-good:#0f3460;--wlf-good-rgb:15,52,96;--wlf-warning:#0f3460;--wlf-warning-rgb:15,52,96;--wlf-shadow:0 18px 50px rgba(15,52,96,.13);--wlf-shadow-soft:0 10px 28px rgba(15,52,96,.08)}
html[data-wlf-theme="ocean-blue"]{--wlf-page:#f2fbfd;--wlf-page-rgb:242,251,253;--wlf-page-2:#e6f7fb;--wlf-page-2-rgb:230,247,251;--wlf-surface:#fff;--wlf-surface-rgb:255,255,255;--wlf-surface-2:#f6fcfd;--wlf-surface-2-rgb:246,252,253;--wlf-surface-3:#e7f8fb;--wlf-surface-3-rgb:231,248,251;--wlf-card:#fff;--wlf-card-rgb:255,255,255;--wlf-card-soft:#effafd;--wlf-card-soft-rgb:239,250,253;--wlf-text:#062334;--wlf-text-rgb:6,35,52;--wlf-text-2:#0a3a50;--wlf-text-2-rgb:10,58,80;--wlf-muted:#3f5d69;--wlf-muted-rgb:63,93,105;--wlf-muted-2:#5d7682;--wlf-muted-2-rgb:93,118,130;--wlf-border:#b7e1ea;--wlf-border-rgb:183,225,234;--wlf-border-2:#d6f1f6;--wlf-border-2-rgb:214,241,246;--wlf-brand:#0e7490;--wlf-brand-rgb:14,116,144;--wlf-brand-2:#155e75;--wlf-brand-2-rgb:21,94,117;--wlf-brand-soft:#cffafe;--wlf-brand-soft-rgb:207,250,254;--wlf-brand-wash:#ecfeff;--wlf-brand-wash-rgb:236,254,255;--wlf-accent:#0891b2;--wlf-accent-rgb:8,145,178;--wlf-on-brand:#fff;--wlf-on-brand-rgb:255,255,255;--wlf-good:#0e7490;--wlf-good-rgb:14,116,144;--wlf-warning:#0e7490;--wlf-warning-rgb:14,116,144;--wlf-shadow:0 18px 50px rgba(14,116,144,.12);--wlf-shadow-soft:0 10px 28px rgba(14,116,144,.08)}
html[data-wlf-theme="indigo-blue"]{--wlf-page:#f8f8ff;--wlf-page-rgb:248,248,255;--wlf-page-2:#eef2ff;--wlf-page-2-rgb:238,242,255;--wlf-surface:#fff;--wlf-surface-rgb:255,255,255;--wlf-surface-2:#fafaff;--wlf-surface-2-rgb:250,250,255;--wlf-surface-3:#eef2ff;--wlf-surface-3-rgb:238,242,255;--wlf-card:#fff;--wlf-card-rgb:255,255,255;--wlf-card-soft:#f4f5ff;--wlf-card-soft-rgb:244,245,255;--wlf-text:#12163c;--wlf-text-rgb:18,22,60;--wlf-text-2:#1e2661;--wlf-text-2-rgb:30,38,97;--wlf-muted:#454b69;--wlf-muted-rgb:69,75,105;--wlf-muted-2:#606586;--wlf-muted-2-rgb:96,101,134;--wlf-border:#c7d2fe;--wlf-border-rgb:199,210,254;--wlf-border-2:#e0e7ff;--wlf-border-2-rgb:224,231,255;--wlf-brand:#4f46e5;--wlf-brand-rgb:79,70,229;--wlf-brand-2:#4338ca;--wlf-brand-2-rgb:67,56,202;--wlf-brand-soft:#e0e7ff;--wlf-brand-soft-rgb:224,231,255;--wlf-brand-wash:#eef2ff;--wlf-brand-wash-rgb:238,242,255;--wlf-accent:#4f46e5;--wlf-accent-rgb:79,70,229;--wlf-on-brand:#fff;--wlf-on-brand-rgb:255,255,255;--wlf-good:#4f46e5;--wlf-good-rgb:79,70,229;--wlf-warning:#4f46e5;--wlf-warning-rgb:79,70,229;--wlf-shadow:0 18px 50px rgba(79,70,229,.12);--wlf-shadow-soft:0 10px 28px rgba(79,70,229,.08)}

/* High-energy / dark + light siblings */
html[data-wlf-theme="black-red"]{--wlf-page:#050608;--wlf-page-rgb:5,6,8;--wlf-page-2:#0b0d11;--wlf-page-2-rgb:11,13,17;--wlf-surface:#0e1117;--wlf-surface-rgb:14,17,23;--wlf-surface-2:#151922;--wlf-surface-2-rgb:21,25,34;--wlf-surface-3:#1c2230;--wlf-surface-3-rgb:28,34,48;--wlf-card:#0f1218;--wlf-card-rgb:15,18,24;--wlf-card-soft:#171c26;--wlf-card-soft-rgb:23,28,38;--wlf-text:#f8fafc;--wlf-text-rgb:248,250,252;--wlf-text-2:#f1f5f9;--wlf-text-2-rgb:241,245,249;--wlf-muted:#b3bdcc;--wlf-muted-rgb:179,189,204;--wlf-muted-2:#94a0b2;--wlf-muted-2-rgb:148,160,178;--wlf-border:#2a3343;--wlf-border-rgb:42,51,67;--wlf-border-2:#202838;--wlf-border-2-rgb:32,40,56;--wlf-brand:#e11d48;--wlf-brand-rgb:225,29,72;--wlf-brand-2:#be123c;--wlf-brand-2-rgb:190,18,60;--wlf-brand-soft:#3c111c;--wlf-brand-soft-rgb:60,17,28;--wlf-brand-wash:#16080d;--wlf-brand-wash-rgb:22,8,13;--wlf-accent:#f43f5e;--wlf-accent-rgb:244,63,94;--wlf-on-brand:#fff;--wlf-on-brand-rgb:255,255,255;--wlf-good:#e11d48;--wlf-good-rgb:225,29,72;--wlf-warning:#e11d48;--wlf-warning-rgb:225,29,72;--wlf-shadow:0 18px 50px rgba(0,0,0,.38);--wlf-shadow-soft:0 10px 28px rgba(0,0,0,.28)}
html[data-wlf-theme="black-gold"]{--wlf-page:#050505;--wlf-page-rgb:5,5,5;--wlf-page-2:#0c0c0a;--wlf-page-2-rgb:12,12,10;--wlf-surface:#11110f;--wlf-surface-rgb:17,17,15;--wlf-surface-2:#171711;--wlf-surface-2-rgb:23,23,17;--wlf-surface-3:#202018;--wlf-surface-3-rgb:32,32,24;--wlf-card:#10100e;--wlf-card-rgb:16,16,14;--wlf-card-soft:#181812;--wlf-card-soft-rgb:24,24,18;--wlf-text:#fafaf7;--wlf-text-rgb:250,250,247;--wlf-text-2:#f4f0dc;--wlf-text-2-rgb:244,240,220;--wlf-muted:#c2bba6;--wlf-muted-rgb:194,187,166;--wlf-muted-2:#9d957f;--wlf-muted-2-rgb:157,149,127;--wlf-border:#36311e;--wlf-border-rgb:54,49,30;--wlf-border-2:#272312;--wlf-border-2-rgb:39,35,18;--wlf-brand:#d4af37;--wlf-brand-rgb:212,175,55;--wlf-brand-2:#b98914;--wlf-brand-2-rgb:185,137,20;--wlf-brand-soft:#30280e;--wlf-brand-soft-rgb:48,40,14;--wlf-brand-wash:#181306;--wlf-brand-wash-rgb:24,19,6;--wlf-accent:#f4d36b;--wlf-accent-rgb:244,211,107;--wlf-on-brand:#090909;--wlf-on-brand-rgb:9,9,9;--wlf-good:#d4af37;--wlf-good-rgb:212,175,55;--wlf-warning:#d4af37;--wlf-warning-rgb:212,175,55;--wlf-shadow:0 18px 50px rgba(0,0,0,.42);--wlf-shadow-soft:0 10px 28px rgba(0,0,0,.28)}
html[data-wlf-theme="black-white"]{--wlf-page:#050505;--wlf-page-rgb:5,5,5;--wlf-page-2:#0a0a0a;--wlf-page-2-rgb:10,10,10;--wlf-surface:#111111;--wlf-surface-rgb:17,17,17;--wlf-surface-2:#171717;--wlf-surface-2-rgb:23,23,23;--wlf-surface-3:#202020;--wlf-surface-3-rgb:32,32,32;--wlf-card:#101010;--wlf-card-rgb:16,16,16;--wlf-card-soft:#181818;--wlf-card-soft-rgb:24,24,24;--wlf-text:#ffffff;--wlf-text-rgb:255,255,255;--wlf-text-2:#f3f4f6;--wlf-text-2-rgb:243,244,246;--wlf-muted:#cbced4;--wlf-muted-rgb:203,206,212;--wlf-muted-2:#a3aab4;--wlf-muted-2-rgb:163,170,180;--wlf-border:#343434;--wlf-border-rgb:52,52,52;--wlf-border-2:#252525;--wlf-border-2-rgb:37,37,37;--wlf-brand:#ffffff;--wlf-brand-rgb:255,255,255;--wlf-brand-2:#e5e7eb;--wlf-brand-2-rgb:229,231,235;--wlf-brand-soft:#222222;--wlf-brand-soft-rgb:34,34,34;--wlf-brand-wash:#111111;--wlf-brand-wash-rgb:17,17,17;--wlf-accent:#ffffff;--wlf-accent-rgb:255,255,255;--wlf-on-brand:#090909;--wlf-on-brand-rgb:9,9,9;--wlf-good:#ffffff;--wlf-good-rgb:255,255,255;--wlf-warning:#ffffff;--wlf-warning-rgb:255,255,255;--wlf-shadow:0 18px 50px rgba(0,0,0,.42);--wlf-shadow-soft:0 10px 28px rgba(0,0,0,.28)}
html[data-wlf-theme="red-white"]{--wlf-page:#fff7f7;--wlf-page-rgb:255,247,247;--wlf-page-2:#fff0f0;--wlf-page-2-rgb:255,240,240;--wlf-surface:#ffffff;--wlf-surface-rgb:255,255,255;--wlf-surface-2:#fffafa;--wlf-surface-2-rgb:255,250,250;--wlf-surface-3:#fff1f2;--wlf-surface-3-rgb:255,241,242;--wlf-card:#ffffff;--wlf-card-rgb:255,255,255;--wlf-card-soft:#fff5f6;--wlf-card-soft-rgb:255,245,246;--wlf-text:#25080b;--wlf-text-rgb:37,8,11;--wlf-text-2:#441015;--wlf-text-2-rgb:68,16,21;--wlf-muted:#5a474a;--wlf-muted-rgb:90,71,74;--wlf-muted-2:#72595c;--wlf-muted-2-rgb:114,89,92;--wlf-border:#fecdd3;--wlf-border-rgb:254,205,211;--wlf-border-2:#ffe4e6;--wlf-border-2-rgb:255,228,230;--wlf-brand:#dc2626;--wlf-brand-rgb:220,38,38;--wlf-brand-2:#b91c1c;--wlf-brand-2-rgb:185,28,28;--wlf-brand-soft:#fee2e2;--wlf-brand-soft-rgb:254,226,226;--wlf-brand-wash:#fff1f2;--wlf-brand-wash-rgb:255,241,242;--wlf-accent:#dc2626;--wlf-accent-rgb:220,38,38;--wlf-on-brand:#fff;--wlf-on-brand-rgb:255,255,255;--wlf-good:#dc2626;--wlf-good-rgb:220,38,38;--wlf-warning:#dc2626;--wlf-warning-rgb:220,38,38;--wlf-shadow:0 18px 50px rgba(220,38,38,.10);--wlf-shadow-soft:0 10px 28px rgba(220,38,38,.07)}
html[data-wlf-theme="graphite-blue"]{--wlf-page:#f4f6f9;--wlf-page-rgb:244,246,249;--wlf-page-2:#e9eef5;--wlf-page-2-rgb:233,238,245;--wlf-surface:#ffffff;--wlf-surface-rgb:255,255,255;--wlf-surface-2:#f8fafc;--wlf-surface-2-rgb:248,250,252;--wlf-surface-3:#eef3f8;--wlf-surface-3-rgb:238,243,248;--wlf-card:#ffffff;--wlf-card-rgb:255,255,255;--wlf-card-soft:#f4f7fb;--wlf-card-soft-rgb:244,247,251;--wlf-text:#101827;--wlf-text-rgb:16,24,39;--wlf-text-2:#1e293b;--wlf-text-2-rgb:30,41,59;--wlf-muted:#42526b;--wlf-muted-rgb:66,82,107;--wlf-muted-2:#5d6e85;--wlf-muted-2-rgb:93,110,133;--wlf-border:#cbd5e1;--wlf-border-rgb:203,213,225;--wlf-border-2:#e2e8f0;--wlf-border-2-rgb:226,232,240;--wlf-brand:#1e40af;--wlf-brand-rgb:30,64,175;--wlf-brand-2:#172554;--wlf-brand-2-rgb:23,37,84;--wlf-brand-soft:#dbeafe;--wlf-brand-soft-rgb:219,234,254;--wlf-brand-wash:#eff6ff;--wlf-brand-wash-rgb:239,246,255;--wlf-accent:#2563eb;--wlf-accent-rgb:37,99,235;--wlf-on-brand:#fff;--wlf-on-brand-rgb:255,255,255;--wlf-good:#1e40af;--wlf-good-rgb:30,64,175;--wlf-warning:#1e40af;--wlf-warning-rgb:30,64,175;--wlf-shadow:0 18px 50px rgba(15,23,42,.10);--wlf-shadow-soft:0 10px 28px rgba(15,23,42,.08)}
html[data-wlf-theme="white-black"]{--wlf-page:#fafafa;--wlf-page-rgb:250,250,250;--wlf-page-2:#f4f4f5;--wlf-page-2-rgb:244,244,245;--wlf-surface:#ffffff;--wlf-surface-rgb:255,255,255;--wlf-surface-2:#fbfbfb;--wlf-surface-2-rgb:251,251,251;--wlf-surface-3:#f4f4f5;--wlf-surface-3-rgb:244,244,245;--wlf-card:#ffffff;--wlf-card-rgb:255,255,255;--wlf-card-soft:#f7f7f8;--wlf-card-soft-rgb:247,247,248;--wlf-text:#09090b;--wlf-text-rgb:9,9,11;--wlf-text-2:#18181b;--wlf-text-2-rgb:24,24,27;--wlf-muted:#46464d;--wlf-muted-rgb:70,70,77;--wlf-muted-2:#63636b;--wlf-muted-2-rgb:99,99,107;--wlf-border:#d4d4d8;--wlf-border-rgb:212,212,216;--wlf-border-2:#e4e4e7;--wlf-border-2-rgb:228,228,231;--wlf-brand:#111827;--wlf-brand-rgb:17,24,39;--wlf-brand-2:#000000;--wlf-brand-2-rgb:0,0,0;--wlf-brand-soft:#e5e7eb;--wlf-brand-soft-rgb:229,231,235;--wlf-brand-wash:#f4f4f5;--wlf-brand-wash-rgb:244,244,245;--wlf-accent:#111827;--wlf-accent-rgb:17,24,39;--wlf-on-brand:#ffffff;--wlf-on-brand-rgb:255,255,255;--wlf-good:#111827;--wlf-good-rgb:17,24,39;--wlf-warning:#111827;--wlf-warning-rgb:17,24,39;--wlf-shadow:0 18px 50px rgba(24,24,27,.09);--wlf-shadow-soft:0 10px 28px rgba(24,24,27,.06)}

/* ----------------------------------------------------------------------
   2) GLOBAL BASE — light touch, palette-driven. Safe for all packages.
   APP/HUB layer their structural polish on top via wlf-theme-system.css.
   ---------------------------------------------------------------------- */
html{background:var(--wlf-page);color:var(--wlf-text);}
body{
  background:var(--wlf-page);
  color:var(--wlf-text);
  font-family:var(--wlf-font-body);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}