/* =====================================================================================
   BABUBA SKINS v2 — the panel binding layer.  GENERATED by
   ops/panel/skin2/gen-skins2.py from ops/panel/skin2/tokens.json — do not hand-edit.

   Reads the live bundle's Tailwind colour variables (157 of them) and answers every
   one from the active coat. Unlayered, so it outranks @layer theme; two attributes
   deep, so it outranks babuba-theme.css's html.dark.

     data-skin = ghost | traders      (the cohort)
     data-mode = dark | light         (the user)
     data-density = comfortable | compact

   Coats: ghost/dark warm black + lime + spectral violet, 10px geometry.
          ghost/light warm paper, same lime, violet second voice.
          traders/dark cold black, market green/red, market blue, 3px geometry.
          traders/light cold paper, deep market green/red, 3px geometry.
   ===================================================================================== */

/* GHOST — DARK */
html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) {
  --color-amber-100: #2A2109;
  --color-amber-200: #3A2D0C;
  --color-amber-300: #F8D98F;
  --color-amber-400: #F7CC6E;
  --color-amber-50: #1F1808;
  --color-amber-500: #F5C24B;
  --color-amber-600: #F5C24B;
  --color-amber-700: #E0A81F;
  --color-amber-800: #B88514;
  --color-amber-900: #8A6100;
  --color-amber-950: #4A3408;
  --color-blue-100: #121D2A;
  --color-blue-200: #1A2836;
  --color-blue-300: #A9D8FF;
  --color-blue-400: #92CEFF;
  --color-blue-50: #0D1620;
  --color-blue-500: #7CC4FF;
  --color-blue-600: #63AEE8;
  --color-blue-700: #4C8FC2;
  --color-blue-800: #3A70A0;
  --color-cyan-600: #63AEE8;
  --color-cyan-700: #4C8FC2;
  --color-emerald-100: #12241A;
  --color-emerald-200: #16301F;
  --color-emerald-300: #7FE9A8;
  --color-emerald-400: #63DF95;
  --color-emerald-50: #0E1A13;
  --color-emerald-500: #4ADE80;
  --color-emerald-600: #3FC973;
  --color-emerald-700: #2FA75E;
  --color-emerald-800: #238348;
  --color-emerald-900: #1A6337;
  --color-emerald-950: #0C3920;
  --color-gray-100: #191920;
  --color-gray-200: #2B2B33;
  --color-gray-300: #3A3A43;
  --color-gray-400: #A6A59D;
  --color-gray-50: #131317;
  --color-gray-500: #9A9992;
  --color-gray-600: #B6B5AD;
  --color-gray-700: #D2D1C9;
  --color-gray-800: #F3F1EA;
  --color-gray-900: #F8F7F1;
  --color-green-100: #12241A;
  --color-green-200: #16301F;
  --color-green-300: #7FE9A8;
  --color-green-400: #63DF95;
  --color-green-50: #0E1A13;
  --color-green-500: #4ADE80;
  --color-green-600: #3FC973;
  --color-green-700: #2FA75E;
  --color-indigo-100: #0E1A2B;
  --color-indigo-200: #142438;
  --color-indigo-300: #A8CFFF;
  --color-indigo-400: #7ABAFF;
  --color-indigo-50: #0A1220;
  --color-indigo-500: #4C9EFF;
  --color-indigo-600: #4C9EFF;
  --color-indigo-700: #3A86E0;
  --color-indigo-800: #2C6CB8;
  --color-indigo-900: #21538C;
  --color-indigo-950: #123356;
  --color-neutral-100: #191920;
  --color-neutral-200: #2B2B33;
  --color-neutral-300: #3A3A43;
  --color-neutral-400: #A6A59D;
  --color-neutral-50: #131317;
  --color-neutral-500: #9A9992;
  --color-neutral-600: #B6B5AD;
  --color-neutral-700: #D2D1C9;
  --color-neutral-800: #F3F1EA;
  --color-neutral-900: #F8F7F1;
  --color-neutral-950: #FDFCF8;
  --color-orange-100: #2A2109;
  --color-orange-200: #3A2D0C;
  --color-orange-400: #F7CC6E;
  --color-orange-50: #1F1808;
  --color-orange-500: #F5C24B;
  --color-orange-700: #E0A81F;
  --color-pink-200: #3A2D0C;
  --color-pink-50: #1F1808;
  --color-pink-700: #E0A81F;
  --color-purple-100: #1B1629;
  --color-purple-200: #241E36;
  --color-purple-400: #C2AFFF;
  --color-purple-50: #141021;
  --color-purple-500: #B49CFF;
  --color-purple-600: #9C82E8;
  --color-purple-700: #7F68C2;
  --color-purple-800: #63509A;
  --color-red-100: #2A1816;
  --color-red-200: #3A1F1C;
  --color-red-300: #FFA79B;
  --color-red-400: #FF9082;
  --color-red-50: #1F1312;
  --color-red-500: #FF7A6B;
  --color-red-600: #E86454;
  --color-red-700: #C64F41;
  --color-red-800: #9E3C31;
  --color-red-900: #782D24;
  --color-red-950: #421813;
  --color-rose-100: #2A1816;
  --color-rose-200: #3A1F1C;
  --color-rose-300: #FFA79B;
  --color-rose-400: #FF9082;
  --color-rose-50: #1F1312;
  --color-rose-500: #FF7A6B;
  --color-rose-600: #E86454;
  --color-rose-700: #C64F41;
  --color-rose-800: #9E3C31;
  --color-rose-900: #782D24;
  --color-rose-950: #421813;
  --color-sky-100: #121D2A;
  --color-sky-200: #1A2836;
  --color-sky-300: #A9D8FF;
  --color-sky-400: #92CEFF;
  --color-sky-50: #0D1620;
  --color-sky-500: #7CC4FF;
  --color-sky-600: #63AEE8;
  --color-sky-700: #4C8FC2;
  --color-sky-800: #3A70A0;
  --color-sky-900: #2B5478;
  --color-sky-950: #152C40;
  --color-slate-100: #1A1A1F;
  --color-slate-200: #C9C7BE;
  --color-slate-300: #D2D1C9;
  --color-slate-400: #A6A59D;
  --color-slate-50: #141418;
  --color-slate-500: #8A8981;
  --color-slate-600: #2B2B33;
  --color-slate-700: #1D1D23;
  --color-slate-800: #141418;
  --color-slate-900: #0B0B0D;
  --color-slate-950: #08080A;
  --color-teal-100: #12241A;
  --color-teal-200: #16301F;
  --color-teal-50: #0E1A13;
  --color-teal-600: #3FC973;
  --color-teal-700: #2FA75E;
  --color-violet-100: #1B1629;
  --color-violet-200: #241E36;
  --color-violet-400: #C2AFFF;
  --color-violet-50: #141021;
  --color-violet-500: #B49CFF;
  --color-violet-600: #9C82E8;
  --color-violet-700: #7F68C2;
  --color-violet-950: #241E3A;
  --color-yellow-100: #2A2109;
  --color-yellow-200: #3A2D0C;
  --color-yellow-300: #F8D98F;
  --color-yellow-400: #F7CC6E;
  --color-yellow-50: #1F1808;
  --color-yellow-500: #F5C24B;
  --color-yellow-600: #F5C24B;
  --color-yellow-700: #E0A81F;
  /* v1 names kept alive so nothing that reads --bb-<legacy> breaks */
  --bb-ink: #0B0B0D; --bb-panel: #141418; --bb-lime: #4C9EFF;
  --bb-text: #F3F1EA; --bb-muted: #A6A59D; --bb-line: #2B2B33;
  --bb-green: #4ADE80; --bb-amber: #F5C24B;
  /* v2 aliases */
  --bb-base: #0B0B0D; --bb-raised: #1D1D23; --bb-sunken: #08080A; --bb-line-soft: #1F1F26;
  --bb-text-muted: #A6A59D; --bb-text-faint: #72716B; --bb-accent: #4C9EFF; --bb-accent-ink: #0B0B0D;
  --bb-second: #8A7CFF; --bb-up: #4ADE80; --bb-down: #FF7A6B; --bb-warn: #F5C24B; --bb-info: #7CC4FF;
  --bb-strip: linear-gradient(90deg,#8A7CFF 0%,#4C9EFF 62%,#7CC4FF 100%);
  --bb-r: 10px; --bb-r-sm: 6px;
  color-scheme: dark;
}
html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) { --font-sans: 'Instrument Sans', system-ui, sans-serif; --font-mono: 'JetBrains Mono', ui-monospace, monospace; --font-display: 'Fraunces', Georgia, serif; }
html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class~="bg-white"] { background-color: var(--bb-panel); }

/* GHOST — LIGHT */
html[data-skin="ghost"][data-mode="light"] {
  --color-amber-100: #FAECC8;
  --color-amber-200: #F3DC97;
  --color-amber-300: #E8C55F;
  --color-amber-400: #D2A62C;
  --color-amber-50: #FDF6E4;
  --color-amber-500: #B4870A;
  --color-amber-600: #8A6100;
  --color-amber-700: #6F4E00;
  --color-amber-800: #573D00;
  --color-amber-900: #402C00;
  --color-amber-950: #241900;
  --color-blue-100: #D3E4F7;
  --color-blue-200: #A9C9EF;
  --color-blue-300: #6DA3DD;
  --color-blue-400: #3A7FC4;
  --color-blue-50: #E9F1FB;
  --color-blue-500: #1E63A8;
  --color-blue-600: #175189;
  --color-blue-700: #123F6B;
  --color-blue-800: #0D2F50;
  --color-cyan-600: #175189;
  --color-cyan-700: #123F6B;
  --color-emerald-100: #CFEEDC;
  --color-emerald-200: #A5DFC0;
  --color-emerald-300: #6FCB99;
  --color-emerald-400: #3CB478;
  --color-emerald-50: #E8F7EE;
  --color-emerald-500: #1E9C5F;
  --color-emerald-600: #167A45;
  --color-emerald-700: #126339;
  --color-emerald-800: #0E4C2C;
  --color-emerald-900: #0A3620;
  --color-emerald-950: #052013;
  --color-gray-100: #F6F4ED;
  --color-gray-200: #EFECE3;
  --color-gray-300: #D9D5C8;
  --color-gray-400: #8B8A80;
  --color-gray-50: #FBFAF5;
  --color-gray-500: #6F6E65;
  --color-gray-600: #5F5E55;
  --color-gray-700: #3F3E37;
  --color-gray-800: #26261D;
  --color-gray-900: #17170F;
  --color-green-100: #CFEEDC;
  --color-green-200: #A5DFC0;
  --color-green-300: #6FCB99;
  --color-green-400: #3CB478;
  --color-green-50: #E8F7EE;
  --color-green-500: #1E9C5F;
  --color-green-600: #167A45;
  --color-green-700: #126339;
  --color-indigo-100: #DCEBFF;
  --color-indigo-200: #BCD8FF;
  --color-indigo-300: #94BFFF;
  --color-indigo-400: #6BA6FF;
  --color-indigo-50: #EFF6FF;
  --color-indigo-500: #4C9EFF;
  --color-indigo-600: #2F7FD8;
  --color-indigo-700: #2363AB;
  --color-indigo-800: #1B4C84;
  --color-indigo-900: #143A66;
  --color-indigo-950: #0C2542;
  --color-neutral-100: #F6F4ED;
  --color-neutral-200: #EFECE3;
  --color-neutral-300: #D9D5C8;
  --color-neutral-400: #8B8A80;
  --color-neutral-50: #FBFAF5;
  --color-neutral-500: #6F6E65;
  --color-neutral-600: #5F5E55;
  --color-neutral-700: #3F3E37;
  --color-neutral-800: #26261D;
  --color-neutral-900: #17170F;
  --color-neutral-950: #0E0E08;
  --color-orange-100: #FAECC8;
  --color-orange-200: #F3DC97;
  --color-orange-400: #D2A62C;
  --color-orange-50: #FDF6E4;
  --color-orange-500: #B4870A;
  --color-orange-700: #6F4E00;
  --color-pink-200: #F3DC97;
  --color-pink-50: #FDF6E4;
  --color-pink-700: #6F4E00;
  --color-purple-100: #E0D8FB;
  --color-purple-200: #C3B4F6;
  --color-purple-400: #7E60E2;
  --color-purple-50: #F0ECFD;
  --color-purple-500: #6B4FD8;
  --color-purple-600: #5740B4;
  --color-purple-700: #443290;
  --color-purple-800: #32246C;
  --color-red-100: #FAD7D3;
  --color-red-200: #F3B3AC;
  --color-red-300: #E9877C;
  --color-red-400: #D75C4F;
  --color-red-50: #FDECEA;
  --color-red-500: #C0342A;
  --color-red-600: #A62B22;
  --color-red-700: #8A231C;
  --color-red-800: #6D1C16;
  --color-red-900: #511411;
  --color-red-950: #2C0B09;
  --color-rose-100: #FAD7D3;
  --color-rose-200: #F3B3AC;
  --color-rose-300: #E9877C;
  --color-rose-400: #D75C4F;
  --color-rose-50: #FDECEA;
  --color-rose-500: #C0342A;
  --color-rose-600: #A62B22;
  --color-rose-700: #8A231C;
  --color-rose-800: #6D1C16;
  --color-rose-900: #511411;
  --color-rose-950: #2C0B09;
  --color-sky-100: #D3E4F7;
  --color-sky-200: #A9C9EF;
  --color-sky-300: #6DA3DD;
  --color-sky-400: #3A7FC4;
  --color-sky-50: #E9F1FB;
  --color-sky-500: #1E63A8;
  --color-sky-600: #175189;
  --color-sky-700: #123F6B;
  --color-sky-800: #0D2F50;
  --color-sky-900: #092138;
  --color-sky-950: #05121F;
  --color-slate-100: #F8F7F1;
  --color-slate-200: #EFECE3;
  --color-slate-300: #D9D5C8;
  --color-slate-400: #A8A79C;
  --color-slate-50: #FFFFFF;
  --color-slate-500: #8B8A80;
  --color-slate-600: #6F6E65;
  --color-slate-700: #55544C;
  --color-slate-800: #2A2A22;
  --color-slate-900: #1B1B12;
  --color-slate-950: #101008;
  --color-teal-100: #CFEEDC;
  --color-teal-200: #A5DFC0;
  --color-teal-50: #E8F7EE;
  --color-teal-600: #167A45;
  --color-teal-700: #126339;
  --color-violet-100: #E0D8FB;
  --color-violet-200: #C3B4F6;
  --color-violet-400: #7E60E2;
  --color-violet-50: #F0ECFD;
  --color-violet-500: #6B4FD8;
  --color-violet-600: #5740B4;
  --color-violet-700: #443290;
  --color-violet-950: #120D28;
  --color-yellow-100: #FAECC8;
  --color-yellow-200: #F3DC97;
  --color-yellow-300: #E8C55F;
  --color-yellow-400: #D2A62C;
  --color-yellow-50: #FDF6E4;
  --color-yellow-500: #B4870A;
  --color-yellow-600: #8A6100;
  --color-yellow-700: #6F4E00;
  /* v1 names kept alive so nothing that reads --bb-<legacy> breaks */
  --bb-ink: #F6F4ED; --bb-panel: #FFFFFF; --bb-lime: #4C9EFF;
  --bb-text: #17170F; --bb-muted: #5F5E55; --bb-line: #D9D5C8;
  --bb-green: #167A45; --bb-amber: #8A6100;
  /* v2 aliases */
  --bb-base: #F6F4ED; --bb-raised: #EFECE3; --bb-sunken: #EAE7DD; --bb-line-soft: #E6E3D9;
  --bb-text-muted: #5F5E55; --bb-text-faint: #8B8A80; --bb-accent: #4C9EFF; --bb-accent-ink: #1A1B10;
  --bb-second: #6B4FD8; --bb-up: #167A45; --bb-down: #C0342A; --bb-warn: #8A6100; --bb-info: #1E63A8;
  --bb-strip: linear-gradient(90deg,#6B4FD8 0%,#4C9EFF 62%,#1E63A8 100%);
  --bb-r: 10px; --bb-r-sm: 6px;
  color-scheme: light;
}
html[data-skin="ghost"][data-mode="light"] { --font-sans: 'Instrument Sans', system-ui, sans-serif; --font-mono: 'JetBrains Mono', ui-monospace, monospace; --font-display: 'Fraunces', Georgia, serif; }
html[data-skin="ghost"][data-mode="light"] body { background: var(--bb-base); color: var(--bb-text); }
html[data-skin="ghost"][data-mode="light"] [class~="bg-white"] { background-color: var(--bb-panel); }
html[data-skin="ghost"][data-mode="light"] [class~="text-white"] { color: var(--bb-text); }

/* TRADERS — DARK */
html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) {
  --color-amber-100: #271E06;
  --color-amber-200: #352808;
  --color-amber-300: #F7D466;
  --color-amber-400: #F4C838;
  --color-amber-50: #1D1604;
  --color-amber-500: #F0B90B;
  --color-amber-600: #F0B90B;
  --color-amber-700: #D0A00A;
  --color-amber-800: #A67F08;
  --color-amber-900: #7C5F06;
  --color-amber-950: #433403;
  --color-blue-100: #0E1D2B;
  --color-blue-200: #132738;
  --color-blue-300: #8FC6FF;
  --color-blue-400: #6EB4FF;
  --color-blue-50: #0A1520;
  --color-blue-500: #4DA3FF;
  --color-blue-600: #3D8CE0;
  --color-blue-700: #2F70B8;
  --color-blue-800: #23558C;
  --color-cyan-600: #3D8CE0;
  --color-cyan-700: #2F70B8;
  --color-emerald-100: #0B2115;
  --color-emerald-200: #0E2C1C;
  --color-emerald-300: #5FDC94;
  --color-emerald-400: #3DD07A;
  --color-emerald-50: #08170F;
  --color-emerald-500: #22C55E;
  --color-emerald-600: #1FAE52;
  --color-emerald-700: #188C42;
  --color-emerald-800: #126B32;
  --color-emerald-900: #0C4C24;
  --color-emerald-950: #052B14;
  --color-gray-100: #131A21;
  --color-gray-200: #1E2A33;
  --color-gray-300: #33414C;
  --color-gray-400: #8B9CA7;
  --color-gray-50: #0E1318;
  --color-gray-500: #7C8D98;
  --color-gray-600: #A2B2BC;
  --color-gray-700: #C4D0D8;
  --color-gray-800: #E7EFF4;
  --color-gray-900: #F1F6F9;
  --color-green-100: #0B2115;
  --color-green-200: #0E2C1C;
  --color-green-300: #5FDC94;
  --color-green-400: #3DD07A;
  --color-green-50: #08170F;
  --color-green-500: #22C55E;
  --color-green-600: #1FAE52;
  --color-green-700: #188C42;
  --color-indigo-100: #241A08;
  --color-indigo-200: #33240A;
  --color-indigo-300: #FBD79A;
  --color-indigo-400: #F8C274;
  --color-indigo-50: #1A1206;
  --color-indigo-500: #F5A623;
  --color-indigo-600: #F5A623;
  --color-indigo-700: #D98C10;
  --color-indigo-800: #AD6F0C;
  --color-indigo-900: #825308;
  --color-indigo-950: #452C03;
  --color-neutral-100: #131A21;
  --color-neutral-200: #1E2A33;
  --color-neutral-300: #33414C;
  --color-neutral-400: #8B9CA7;
  --color-neutral-50: #0E1318;
  --color-neutral-500: #7C8D98;
  --color-neutral-600: #A2B2BC;
  --color-neutral-700: #C4D0D8;
  --color-neutral-800: #E7EFF4;
  --color-neutral-900: #F1F6F9;
  --color-neutral-950: #FAFCFD;
  --color-orange-100: #271E06;
  --color-orange-200: #352808;
  --color-orange-400: #F4C838;
  --color-orange-50: #1D1604;
  --color-orange-500: #F0B90B;
  --color-orange-700: #D0A00A;
  --color-pink-200: #352808;
  --color-pink-50: #1D1604;
  --color-pink-700: #D0A00A;
  --color-purple-100: #161329;
  --color-purple-200: #1E1A36;
  --color-purple-400: #9E8AF0;
  --color-purple-50: #100E20;
  --color-purple-500: #7E68E0;
  --color-purple-600: #6C57C4;
  --color-purple-700: #57459F;
  --color-purple-800: #423478;
  --color-red-100: #261214;
  --color-red-200: #33181B;
  --color-red-300: #F5828C;
  --color-red-400: #F2636F;
  --color-red-50: #1C0D0F;
  --color-red-500: #F04452;
  --color-red-600: #D63846;
  --color-red-700: #B32C38;
  --color-red-800: #8C222C;
  --color-red-900: #661820;
  --color-red-950: #380D12;
  --color-rose-100: #261214;
  --color-rose-200: #33181B;
  --color-rose-300: #F5828C;
  --color-rose-400: #F2636F;
  --color-rose-50: #1C0D0F;
  --color-rose-500: #F04452;
  --color-rose-600: #D63846;
  --color-rose-700: #B32C38;
  --color-rose-800: #8C222C;
  --color-rose-900: #661820;
  --color-rose-950: #380D12;
  --color-sky-100: #0E1D2B;
  --color-sky-200: #132738;
  --color-sky-300: #8FC6FF;
  --color-sky-400: #6EB4FF;
  --color-sky-50: #0A1520;
  --color-sky-500: #4DA3FF;
  --color-sky-600: #3D8CE0;
  --color-sky-700: #2F70B8;
  --color-sky-800: #23558C;
  --color-sky-900: #183C63;
  --color-sky-950: #0C2036;
  --color-slate-100: #121821;
  --color-slate-200: #162027;
  --color-slate-300: #33414C;
  --color-slate-400: #8B9CA7;
  --color-slate-50: #0C1116;
  --color-slate-500: #6E808B;
  --color-slate-600: #1E2A33;
  --color-slate-700: #131A21;
  --color-slate-800: #0C1116;
  --color-slate-900: #05070A;
  --color-slate-950: #030507;
  --color-teal-100: #0B2115;
  --color-teal-200: #0E2C1C;
  --color-teal-50: #08170F;
  --color-teal-600: #1FAE52;
  --color-teal-700: #188C42;
  --color-violet-100: #161329;
  --color-violet-200: #1E1A36;
  --color-violet-400: #9E8AF0;
  --color-violet-50: #100E20;
  --color-violet-500: #7E68E0;
  --color-violet-600: #6C57C4;
  --color-violet-700: #57459F;
  --color-violet-950: #180F30;
  --color-yellow-100: #271E06;
  --color-yellow-200: #352808;
  --color-yellow-300: #F7D466;
  --color-yellow-400: #F4C838;
  --color-yellow-50: #1D1604;
  --color-yellow-500: #F0B90B;
  --color-yellow-600: #F0B90B;
  --color-yellow-700: #D0A00A;
  /* v1 names kept alive so nothing that reads --bb-<legacy> breaks */
  --bb-ink: #05070A; --bb-panel: #0C1116; --bb-lime: #F5A623;
  --bb-text: #E7EFF4; --bb-muted: #8B9CA7; --bb-line: #1E2A33;
  --bb-green: #22C55E; --bb-amber: #F0B90B;
  /* v2 aliases */
  --bb-base: #05070A; --bb-raised: #131A21; --bb-sunken: #030507; --bb-line-soft: #162027;
  --bb-text-muted: #8B9CA7; --bb-text-faint: #5D6E79; --bb-accent: #F5A623; --bb-accent-ink: #0B0B0D;
  --bb-second: #4DA3FF; --bb-up: #22C55E; --bb-down: #F04452; --bb-warn: #F0B90B; --bb-info: #4DA3FF;
  --bb-strip: linear-gradient(90deg,#22C55E 0%,#F5A623 46%,#4DA3FF 100%);
  --bb-r: 3px; --bb-r-sm: 2px;
  color-scheme: dark;
}
html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) { --font-sans: 'Archivo', system-ui, sans-serif; --font-mono: 'JetBrains Mono', ui-monospace, monospace; --font-display: 'Archivo', system-ui, sans-serif; }
html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class~="bg-white"] { background-color: var(--bb-panel); }

/* TRADERS — LIGHT */
html[data-skin="traders"][data-mode="light"] {
  --color-amber-100: #FAECC8;
  --color-amber-200: #F3DC97;
  --color-amber-300: #E8C55F;
  --color-amber-400: #D2A62C;
  --color-amber-50: #FDF6E4;
  --color-amber-500: #B4870A;
  --color-amber-600: #8A5B00;
  --color-amber-700: #6F4900;
  --color-amber-800: #573900;
  --color-amber-900: #402900;
  --color-amber-950: #241700;
  --color-blue-100: #D0E3F8;
  --color-blue-200: #A4C7F0;
  --color-blue-300: #6AA0DE;
  --color-blue-400: #2E7DD0;
  --color-blue-50: #E8F1FB;
  --color-blue-500: #0B62C4;
  --color-blue-600: #0A55AB;
  --color-blue-700: #08458B;
  --color-blue-800: #06346B;
  --color-cyan-600: #0A55AB;
  --color-cyan-700: #08458B;
  --color-emerald-100: #CCEADC;
  --color-emerald-200: #A1D8BE;
  --color-emerald-300: #6BC298;
  --color-emerald-400: #2F9A6B;
  --color-emerald-50: #E7F5EE;
  --color-emerald-500: #0F7B4C;
  --color-emerald-600: #04713F;
  --color-emerald-700: #035C33;
  --color-emerald-800: #024727;
  --color-emerald-900: #02331C;
  --color-emerald-950: #011B0F;
  --color-gray-100: #F2F5F7;
  --color-gray-200: #E8EEF2;
  --color-gray-300: #CFDBE2;
  --color-gray-400: #7A8B95;
  --color-gray-50: #F8FAFB;
  --color-gray-500: #64757F;
  --color-gray-600: #4E606B;
  --color-gray-700: #34434C;
  --color-gray-800: #1C2A33;
  --color-gray-900: #08121A;
  --color-green-100: #CCEADC;
  --color-green-200: #A1D8BE;
  --color-green-300: #6BC298;
  --color-green-400: #2F9A6B;
  --color-green-50: #E7F5EE;
  --color-green-500: #0F7B4C;
  --color-green-600: #04713F;
  --color-green-700: #035C33;
  --color-indigo-100: #FFEDCC;
  --color-indigo-200: #FFDB9E;
  --color-indigo-300: #FDC468;
  --color-indigo-400: #F9B23C;
  --color-indigo-50: #FFF7E8;
  --color-indigo-500: #F5A623;
  --color-indigo-600: #D08410;
  --color-indigo-700: #A5650C;
  --color-indigo-800: #7D4C09;
  --color-indigo-900: #5C3806;
  --color-indigo-950: #331E03;
  --color-neutral-100: #F2F5F7;
  --color-neutral-200: #E8EEF2;
  --color-neutral-300: #CFDBE2;
  --color-neutral-400: #7A8B95;
  --color-neutral-50: #F8FAFB;
  --color-neutral-500: #64757F;
  --color-neutral-600: #4E606B;
  --color-neutral-700: #34434C;
  --color-neutral-800: #1C2A33;
  --color-neutral-900: #08121A;
  --color-neutral-950: #040A0F;
  --color-orange-100: #FAECC8;
  --color-orange-200: #F3DC97;
  --color-orange-400: #D2A62C;
  --color-orange-50: #FDF6E4;
  --color-orange-500: #B4870A;
  --color-orange-700: #6F4900;
  --color-pink-200: #F3DC97;
  --color-pink-50: #FDF6E4;
  --color-pink-700: #6F4900;
  --color-purple-100: #DFD8FB;
  --color-purple-200: #C0B2F5;
  --color-purple-400: #7A5EDF;
  --color-purple-50: #EFECFD;
  --color-purple-500: #6247CF;
  --color-purple-600: #5238B0;
  --color-purple-700: #422C8D;
  --color-purple-800: #32206A;
  --color-red-100: #F8D7D8;
  --color-red-200: #EFB0B3;
  --color-red-300: #E0858A;
  --color-red-400: #D0555B;
  --color-red-50: #FCECEC;
  --color-red-500: #B7272E;
  --color-red-600: #9C1F26;
  --color-red-700: #7F171D;
  --color-red-800: #611014;
  --color-red-900: #440A0D;
  --color-red-950: #250506;
  --color-rose-100: #F8D7D8;
  --color-rose-200: #EFB0B3;
  --color-rose-300: #E0858A;
  --color-rose-400: #D0555B;
  --color-rose-50: #FCECEC;
  --color-rose-500: #B7272E;
  --color-rose-600: #9C1F26;
  --color-rose-700: #7F171D;
  --color-rose-800: #611014;
  --color-rose-900: #440A0D;
  --color-rose-950: #250506;
  --color-sky-100: #D0E3F8;
  --color-sky-200: #A4C7F0;
  --color-sky-300: #6AA0DE;
  --color-sky-400: #2E7DD0;
  --color-sky-50: #E8F1FB;
  --color-sky-500: #0B62C4;
  --color-sky-600: #0A55AB;
  --color-sky-700: #08458B;
  --color-sky-800: #06346B;
  --color-sky-900: #04244B;
  --color-sky-950: #02132B;
  --color-slate-100: #F7FAFB;
  --color-slate-200: #EDF1F4;
  --color-slate-300: #CFDBE2;
  --color-slate-400: #9BABB4;
  --color-slate-50: #FFFFFF;
  --color-slate-500: #7A8B95;
  --color-slate-600: #64757F;
  --color-slate-700: #44545E;
  --color-slate-800: #243440;
  --color-slate-900: #101C26;
  --color-slate-950: #080F16;
  --color-teal-100: #CCEADC;
  --color-teal-200: #A1D8BE;
  --color-teal-50: #E7F5EE;
  --color-teal-600: #04713F;
  --color-teal-700: #035C33;
  --color-violet-100: #DFD8FB;
  --color-violet-200: #C0B2F5;
  --color-violet-400: #7A5EDF;
  --color-violet-50: #EFECFD;
  --color-violet-500: #6247CF;
  --color-violet-600: #5238B0;
  --color-violet-700: #422C8D;
  --color-violet-950: #120B26;
  --color-yellow-100: #FAECC8;
  --color-yellow-200: #F3DC97;
  --color-yellow-300: #E8C55F;
  --color-yellow-400: #D2A62C;
  --color-yellow-50: #FDF6E4;
  --color-yellow-500: #B4870A;
  --color-yellow-600: #8A5B00;
  --color-yellow-700: #6F4900;
  /* v1 names kept alive so nothing that reads --bb-<legacy> breaks */
  --bb-ink: #F2F5F7; --bb-panel: #FFFFFF; --bb-lime: #F5A623;
  --bb-text: #08121A; --bb-muted: #4E606B; --bb-line: #CFDBE2;
  --bb-green: #04713F; --bb-amber: #8A5B00;
  /* v2 aliases */
  --bb-base: #F2F5F7; --bb-raised: #E8EEF2; --bb-sunken: #EDF1F4; --bb-line-soft: #DFE7EC;
  --bb-text-muted: #4E606B; --bb-text-faint: #7A8B95; --bb-accent: #F5A623; --bb-accent-ink: #1A1B10;
  --bb-second: #0B62C4; --bb-up: #04713F; --bb-down: #B7272E; --bb-warn: #8A5B00; --bb-info: #0B62C4;
  --bb-strip: linear-gradient(90deg,#04713F 0%,#B87F0A 46%,#0B62C4 100%);
  --bb-r: 3px; --bb-r-sm: 2px;
  color-scheme: light;
}
html[data-skin="traders"][data-mode="light"] { --font-sans: 'Archivo', system-ui, sans-serif; --font-mono: 'JetBrains Mono', ui-monospace, monospace; --font-display: 'Archivo', system-ui, sans-serif; }
html[data-skin="traders"][data-mode="light"] body { background: var(--bb-base); color: var(--bb-text); }
html[data-skin="traders"][data-mode="light"] [class~="bg-white"] { background-color: var(--bb-panel); }
html[data-skin="traders"][data-mode="light"] [class~="text-white"] { color: var(--bb-text); }


/* ── BASE ──────────────────────────────────────────────────────────────────── */
html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]), html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) body {
  background: var(--bb-base);
  color: var(--bb-text);
  font-family: var(--font-sans);
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* ── TYPE: display face on headings, mono + tabular on every figure ─────────── */
html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) h1,html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) h2,html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) h3,html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class~="text-2xl"],html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class~="text-3xl"] {
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: -0.015em;
}
html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class*="tabular-nums"],html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class*="font-mono"],html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) td,html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) tfoot,
html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class~="font-semibold"] [class*="text-"] {
  font-variant-numeric: tabular-nums;
}
html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class*="font-mono"] { font-family: var(--font-mono); }

/* ── LIME TRAP: an accent fill always carries ink, never white ─────────────── */
html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class~="bg-indigo-400"],html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class~="bg-indigo-500"],html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class~="bg-indigo-600"],html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class~="bg-indigo-700"],
html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class~="bg-lime-400"],html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class~="bg-lime-500"],html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class~="bg-lime-600"],html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class~="bg-lime-700"] { color: #0B0B0D; }
html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class~="bg-indigo-400"] *,html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class~="bg-indigo-500"] *,html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class~="bg-indigo-600"] *,html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class~="bg-indigo-700"] *,
html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class~="bg-lime-400"] *,html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class~="bg-lime-500"] *,html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class~="bg-lime-600"] *,html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class~="bg-lime-700"] * { color: inherit; }
html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class~="bg-indigo-500"]:hover,html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class~="bg-indigo-600"]:hover,html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class~="bg-lime-500"]:hover,html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class~="bg-lime-600"]:hover { color: #0B0B0D; }


/* ── STRUCTURE ────────────────────────────────────────────────────────────── */
html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) aside {
  background: var(--bb-sunken);
  border-right: 1px solid var(--bb-line-soft);
}
html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) aside nav [aria-current="page"],html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) aside nav [class*="bg-"] {
  border-radius: 10px;
}
html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) nav button { color: var(--bb-text-muted); border-radius: 10px; }
html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) nav button:hover { background: var(--bb-raised); color: var(--bb-text); }
html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) thead th {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--bb-text-faint);
  border-bottom: 1px solid var(--bb-line);
  background: var(--bb-panel);
}
html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) tbody tr:hover > td { background: var(--bb-raised); }
html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) tbody td { border-bottom: 1px solid var(--bb-line-soft); }
html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) input,html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) select,html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) textarea {
  background: var(--bb-sunken);
  border: 1px solid var(--bb-line);
  color: var(--bb-text);
  border-radius: 10px;
}
html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) input:focus,html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) select:focus,html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) textarea:focus {
  border-color: #4C9EFF;
  box-shadow: 0 0 0 1px #4C9EFF;
  outline: none;
}
html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) ::placeholder { color: var(--bb-text-faint); }
html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) ::selection { background: #4C9EFF; color: #0B0B0D; }

/* ── GEOMETRY: one radius family per brand, no stray 16px cards ───────────── */
html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class~="rounded-3xl"],html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class~="rounded-2xl"],html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class~="rounded-xl"] { border-radius: 10px; }
html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class~="rounded-lg"] { border-radius: 8px; }
html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class~="rounded-md"] { border-radius: 6px; }
html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class~="rounded"] { border-radius: 6px; }

/* ── FLAT: no gradients, no glow soup. One hairline system. ───────────────── */
html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class*="bg-gradient"],html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class*="from-"],html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class*="via-"],html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class*="to-"] {
  background-image: none !important;
}
html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [class*="backdrop-blur"] { backdrop-filter: blur(6px); }
html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) .bb-strip,html[data-skin="ghost"][data-mode="dark"],html[data-skin="ghost"]:not([data-mode="light"]) [data-bb-strip] { display: block; }



/* ── BASE ──────────────────────────────────────────────────────────────────── */
html[data-skin="ghost"][data-mode="light"], html[data-skin="ghost"][data-mode="light"] body {
  background: var(--bb-base);
  color: var(--bb-text);
  font-family: var(--font-sans);
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* ── TYPE: display face on headings, mono + tabular on every figure ─────────── */
html[data-skin="ghost"][data-mode="light"] h1,html[data-skin="ghost"][data-mode="light"] h2,html[data-skin="ghost"][data-mode="light"] h3,html[data-skin="ghost"][data-mode="light"] [class~="text-2xl"],html[data-skin="ghost"][data-mode="light"] [class~="text-3xl"] {
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: -0.015em;
}
html[data-skin="ghost"][data-mode="light"] [class*="tabular-nums"],html[data-skin="ghost"][data-mode="light"] [class*="font-mono"],html[data-skin="ghost"][data-mode="light"] td,html[data-skin="ghost"][data-mode="light"] tfoot,
html[data-skin="ghost"][data-mode="light"] [class~="font-semibold"] [class*="text-"] {
  font-variant-numeric: tabular-nums;
}
html[data-skin="ghost"][data-mode="light"] [class*="font-mono"] { font-family: var(--font-mono); }

/* ── LIME TRAP: an accent fill always carries ink, never white ─────────────── */
html[data-skin="ghost"][data-mode="light"] [class~="bg-indigo-400"],html[data-skin="ghost"][data-mode="light"] [class~="bg-indigo-500"],html[data-skin="ghost"][data-mode="light"] [class~="bg-indigo-600"],html[data-skin="ghost"][data-mode="light"] [class~="bg-indigo-700"],
html[data-skin="ghost"][data-mode="light"] [class~="bg-lime-400"],html[data-skin="ghost"][data-mode="light"] [class~="bg-lime-500"],html[data-skin="ghost"][data-mode="light"] [class~="bg-lime-600"],html[data-skin="ghost"][data-mode="light"] [class~="bg-lime-700"] { color: #1A1B10; }
html[data-skin="ghost"][data-mode="light"] [class~="bg-indigo-400"] *,html[data-skin="ghost"][data-mode="light"] [class~="bg-indigo-500"] *,html[data-skin="ghost"][data-mode="light"] [class~="bg-indigo-600"] *,html[data-skin="ghost"][data-mode="light"] [class~="bg-indigo-700"] *,
html[data-skin="ghost"][data-mode="light"] [class~="bg-lime-400"] *,html[data-skin="ghost"][data-mode="light"] [class~="bg-lime-500"] *,html[data-skin="ghost"][data-mode="light"] [class~="bg-lime-600"] *,html[data-skin="ghost"][data-mode="light"] [class~="bg-lime-700"] * { color: inherit; }
html[data-skin="ghost"][data-mode="light"] [class~="bg-indigo-500"]:hover,html[data-skin="ghost"][data-mode="light"] [class~="bg-indigo-600"]:hover,html[data-skin="ghost"][data-mode="light"] [class~="bg-lime-500"]:hover,html[data-skin="ghost"][data-mode="light"] [class~="bg-lime-600"]:hover { color: #1A1B10; }
html[data-skin="ghost"][data-mode="light"] [class~="bg-indigo-50"][class~="text-indigo-600"],html[data-skin="ghost"][data-mode="light"] [class~="bg-indigo-50"][class~="text-indigo-700"],html[data-skin="ghost"][data-mode="light"] [class~="bg-indigo-50"][class~="text-indigo-800"],html[data-skin="ghost"][data-mode="light"] [class~="bg-indigo-100"][class~="text-indigo-600"],html[data-skin="ghost"][data-mode="light"] [class~="bg-indigo-100"][class~="text-indigo-700"],html[data-skin="ghost"][data-mode="light"] [class~="bg-indigo-100"][class~="text-indigo-800"],html[data-skin="ghost"][data-mode="light"] [class~="bg-lime-50"][class~="text-lime-600"],html[data-skin="ghost"][data-mode="light"] [class~="bg-lime-50"][class~="text-lime-700"],html[data-skin="ghost"][data-mode="light"] [class~="bg-lime-50"][class~="text-lime-800"],html[data-skin="ghost"][data-mode="light"] [class~="bg-lime-100"][class~="text-lime-600"],html[data-skin="ghost"][data-mode="light"] [class~="bg-lime-100"][class~="text-lime-700"],html[data-skin="ghost"][data-mode="light"] [class~="bg-lime-100"][class~="text-lime-800"] { color: #8A6600; }

/* ── STRUCTURE ────────────────────────────────────────────────────────────── */
html[data-skin="ghost"][data-mode="light"] aside {
  background: var(--bb-sunken);
  border-right: 1px solid var(--bb-line-soft);
}
html[data-skin="ghost"][data-mode="light"] aside nav [aria-current="page"],html[data-skin="ghost"][data-mode="light"] aside nav [class*="bg-"] {
  border-radius: 10px;
}
html[data-skin="ghost"][data-mode="light"] nav button { color: var(--bb-text-muted); border-radius: 10px; }
html[data-skin="ghost"][data-mode="light"] nav button:hover { background: var(--bb-raised); color: var(--bb-text); }
html[data-skin="ghost"][data-mode="light"] thead th {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--bb-text-faint);
  border-bottom: 1px solid var(--bb-line);
  background: var(--bb-panel);
}
html[data-skin="ghost"][data-mode="light"] tbody tr:hover > td { background: var(--bb-raised); }
html[data-skin="ghost"][data-mode="light"] tbody td { border-bottom: 1px solid var(--bb-line-soft); }
html[data-skin="ghost"][data-mode="light"] input,html[data-skin="ghost"][data-mode="light"] select,html[data-skin="ghost"][data-mode="light"] textarea {
  background: var(--bb-sunken);
  border: 1px solid var(--bb-line);
  color: var(--bb-text);
  border-radius: 10px;
}
html[data-skin="ghost"][data-mode="light"] input:focus,html[data-skin="ghost"][data-mode="light"] select:focus,html[data-skin="ghost"][data-mode="light"] textarea:focus {
  border-color: #4C9EFF;
  box-shadow: 0 0 0 1px #4C9EFF;
  outline: none;
}
html[data-skin="ghost"][data-mode="light"] ::placeholder { color: var(--bb-text-faint); }
html[data-skin="ghost"][data-mode="light"] ::selection { background: #4C9EFF; color: #1A1B10; }

/* ── GEOMETRY: one radius family per brand, no stray 16px cards ───────────── */
html[data-skin="ghost"][data-mode="light"] [class~="rounded-3xl"],html[data-skin="ghost"][data-mode="light"] [class~="rounded-2xl"],html[data-skin="ghost"][data-mode="light"] [class~="rounded-xl"] { border-radius: 10px; }
html[data-skin="ghost"][data-mode="light"] [class~="rounded-lg"] { border-radius: 8px; }
html[data-skin="ghost"][data-mode="light"] [class~="rounded-md"] { border-radius: 6px; }
html[data-skin="ghost"][data-mode="light"] [class~="rounded"] { border-radius: 6px; }

/* ── FLAT: no gradients, no glow soup. One hairline system. ───────────────── */
html[data-skin="ghost"][data-mode="light"] [class*="bg-gradient"],html[data-skin="ghost"][data-mode="light"] [class*="from-"],html[data-skin="ghost"][data-mode="light"] [class*="via-"],html[data-skin="ghost"][data-mode="light"] [class*="to-"] {
  background-image: none !important;
}
html[data-skin="ghost"][data-mode="light"] [class*="backdrop-blur"] { backdrop-filter: blur(6px); }
html[data-skin="ghost"][data-mode="light"] .bb-strip,html[data-skin="ghost"][data-mode="light"] [data-bb-strip] { display: block; }



/* ── BASE ──────────────────────────────────────────────────────────────────── */
html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]), html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) body {
  background: var(--bb-base);
  color: var(--bb-text);
  font-family: var(--font-sans);
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* ── TYPE: display face on headings, mono + tabular on every figure ─────────── */
html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) h1,html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) h2,html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) h3,html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class~="text-2xl"],html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class~="text-3xl"] {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: -0.03em;
}
html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class*="tabular-nums"],html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class*="font-mono"],html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) td,html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) tfoot,
html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class~="font-semibold"] [class*="text-"] {
  font-variant-numeric: tabular-nums;
}
html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class*="font-mono"] { font-family: var(--font-mono); }

/* ── LIME TRAP: an accent fill always carries ink, never white ─────────────── */
html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class~="bg-indigo-400"],html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class~="bg-indigo-500"],html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class~="bg-indigo-600"],html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class~="bg-indigo-700"],
html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class~="bg-lime-400"],html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class~="bg-lime-500"],html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class~="bg-lime-600"],html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class~="bg-lime-700"] { color: #0B0B0D; }
html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class~="bg-indigo-400"] *,html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class~="bg-indigo-500"] *,html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class~="bg-indigo-600"] *,html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class~="bg-indigo-700"] *,
html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class~="bg-lime-400"] *,html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class~="bg-lime-500"] *,html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class~="bg-lime-600"] *,html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class~="bg-lime-700"] * { color: inherit; }
html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class~="bg-indigo-500"]:hover,html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class~="bg-indigo-600"]:hover,html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class~="bg-lime-500"]:hover,html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class~="bg-lime-600"]:hover { color: #0B0B0D; }


/* ── STRUCTURE ────────────────────────────────────────────────────────────── */
html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) aside {
  background: var(--bb-sunken);
  border-right: 1px solid var(--bb-line-soft);
}
html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) aside nav [aria-current="page"],html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) aside nav [class*="bg-"] {
  border-radius: 3px;
}
html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) nav button { color: var(--bb-text-muted); border-radius: 3px; }
html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) nav button:hover { background: var(--bb-raised); color: var(--bb-text); }
html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) thead th {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--bb-text-faint);
  border-bottom: 1px solid var(--bb-line);
  background: var(--bb-panel);
}
html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) tbody tr:hover > td { background: var(--bb-raised); }
html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) tbody td { border-bottom: 1px solid var(--bb-line-soft); }
html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) input,html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) select,html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) textarea {
  background: var(--bb-sunken);
  border: 1px solid var(--bb-line);
  color: var(--bb-text);
  border-radius: 3px;
}
html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) input:focus,html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) select:focus,html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) textarea:focus {
  border-color: #F5A623;
  box-shadow: 0 0 0 1px #F5A623;
  outline: none;
}
html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) ::placeholder { color: var(--bb-text-faint); }
html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) ::selection { background: #F5A623; color: #0B0B0D; }

/* ── GEOMETRY: one radius family per brand, no stray 16px cards ───────────── */
html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class~="rounded-3xl"],html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class~="rounded-2xl"],html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class~="rounded-xl"] { border-radius: 3px; }
html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class~="rounded-lg"] { border-radius: 3px; }
html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class~="rounded-md"] { border-radius: 2px; }
html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class~="rounded"] { border-radius: 2px; }

/* ── FLAT: no gradients, no glow soup. One hairline system. ───────────────── */
html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class*="bg-gradient"],html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class*="from-"],html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class*="via-"],html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class*="to-"] {
  background-image: none !important;
}
html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [class*="backdrop-blur"] { backdrop-filter: blur(6px); }
html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) .bb-strip,html[data-skin="traders"][data-mode="dark"],html[data-skin="traders"]:not([data-mode="light"]) [data-bb-strip] { display: block; }



/* ── BASE ──────────────────────────────────────────────────────────────────── */
html[data-skin="traders"][data-mode="light"], html[data-skin="traders"][data-mode="light"] body {
  background: var(--bb-base);
  color: var(--bb-text);
  font-family: var(--font-sans);
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* ── TYPE: display face on headings, mono + tabular on every figure ─────────── */
html[data-skin="traders"][data-mode="light"] h1,html[data-skin="traders"][data-mode="light"] h2,html[data-skin="traders"][data-mode="light"] h3,html[data-skin="traders"][data-mode="light"] [class~="text-2xl"],html[data-skin="traders"][data-mode="light"] [class~="text-3xl"] {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: -0.03em;
}
html[data-skin="traders"][data-mode="light"] [class*="tabular-nums"],html[data-skin="traders"][data-mode="light"] [class*="font-mono"],html[data-skin="traders"][data-mode="light"] td,html[data-skin="traders"][data-mode="light"] tfoot,
html[data-skin="traders"][data-mode="light"] [class~="font-semibold"] [class*="text-"] {
  font-variant-numeric: tabular-nums;
}
html[data-skin="traders"][data-mode="light"] [class*="font-mono"] { font-family: var(--font-mono); }

/* ── LIME TRAP: an accent fill always carries ink, never white ─────────────── */
html[data-skin="traders"][data-mode="light"] [class~="bg-indigo-400"],html[data-skin="traders"][data-mode="light"] [class~="bg-indigo-500"],html[data-skin="traders"][data-mode="light"] [class~="bg-indigo-600"],html[data-skin="traders"][data-mode="light"] [class~="bg-indigo-700"],
html[data-skin="traders"][data-mode="light"] [class~="bg-lime-400"],html[data-skin="traders"][data-mode="light"] [class~="bg-lime-500"],html[data-skin="traders"][data-mode="light"] [class~="bg-lime-600"],html[data-skin="traders"][data-mode="light"] [class~="bg-lime-700"] { color: #1A1B10; }
html[data-skin="traders"][data-mode="light"] [class~="bg-indigo-400"] *,html[data-skin="traders"][data-mode="light"] [class~="bg-indigo-500"] *,html[data-skin="traders"][data-mode="light"] [class~="bg-indigo-600"] *,html[data-skin="traders"][data-mode="light"] [class~="bg-indigo-700"] *,
html[data-skin="traders"][data-mode="light"] [class~="bg-lime-400"] *,html[data-skin="traders"][data-mode="light"] [class~="bg-lime-500"] *,html[data-skin="traders"][data-mode="light"] [class~="bg-lime-600"] *,html[data-skin="traders"][data-mode="light"] [class~="bg-lime-700"] * { color: inherit; }
html[data-skin="traders"][data-mode="light"] [class~="bg-indigo-500"]:hover,html[data-skin="traders"][data-mode="light"] [class~="bg-indigo-600"]:hover,html[data-skin="traders"][data-mode="light"] [class~="bg-lime-500"]:hover,html[data-skin="traders"][data-mode="light"] [class~="bg-lime-600"]:hover { color: #1A1B10; }
html[data-skin="traders"][data-mode="light"] [class~="bg-indigo-50"][class~="text-indigo-600"],html[data-skin="traders"][data-mode="light"] [class~="bg-indigo-50"][class~="text-indigo-700"],html[data-skin="traders"][data-mode="light"] [class~="bg-indigo-50"][class~="text-indigo-800"],html[data-skin="traders"][data-mode="light"] [class~="bg-indigo-100"][class~="text-indigo-600"],html[data-skin="traders"][data-mode="light"] [class~="bg-indigo-100"][class~="text-indigo-700"],html[data-skin="traders"][data-mode="light"] [class~="bg-indigo-100"][class~="text-indigo-800"],html[data-skin="traders"][data-mode="light"] [class~="bg-lime-50"][class~="text-lime-600"],html[data-skin="traders"][data-mode="light"] [class~="bg-lime-50"][class~="text-lime-700"],html[data-skin="traders"][data-mode="light"] [class~="bg-lime-50"][class~="text-lime-800"],html[data-skin="traders"][data-mode="light"] [class~="bg-lime-100"][class~="text-lime-600"],html[data-skin="traders"][data-mode="light"] [class~="bg-lime-100"][class~="text-lime-700"],html[data-skin="traders"][data-mode="light"] [class~="bg-lime-100"][class~="text-lime-800"] { color: #8A6600; }

/* ── STRUCTURE ────────────────────────────────────────────────────────────── */
html[data-skin="traders"][data-mode="light"] aside {
  background: var(--bb-sunken);
  border-right: 1px solid var(--bb-line-soft);
}
html[data-skin="traders"][data-mode="light"] aside nav [aria-current="page"],html[data-skin="traders"][data-mode="light"] aside nav [class*="bg-"] {
  border-radius: 3px;
}
html[data-skin="traders"][data-mode="light"] nav button { color: var(--bb-text-muted); border-radius: 3px; }
html[data-skin="traders"][data-mode="light"] nav button:hover { background: var(--bb-raised); color: var(--bb-text); }
html[data-skin="traders"][data-mode="light"] thead th {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--bb-text-faint);
  border-bottom: 1px solid var(--bb-line);
  background: var(--bb-panel);
}
html[data-skin="traders"][data-mode="light"] tbody tr:hover > td { background: var(--bb-raised); }
html[data-skin="traders"][data-mode="light"] tbody td { border-bottom: 1px solid var(--bb-line-soft); }
html[data-skin="traders"][data-mode="light"] input,html[data-skin="traders"][data-mode="light"] select,html[data-skin="traders"][data-mode="light"] textarea {
  background: var(--bb-sunken);
  border: 1px solid var(--bb-line);
  color: var(--bb-text);
  border-radius: 3px;
}
html[data-skin="traders"][data-mode="light"] input:focus,html[data-skin="traders"][data-mode="light"] select:focus,html[data-skin="traders"][data-mode="light"] textarea:focus {
  border-color: #F5A623;
  box-shadow: 0 0 0 1px #F5A623;
  outline: none;
}
html[data-skin="traders"][data-mode="light"] ::placeholder { color: var(--bb-text-faint); }
html[data-skin="traders"][data-mode="light"] ::selection { background: #F5A623; color: #1A1B10; }

/* ── GEOMETRY: one radius family per brand, no stray 16px cards ───────────── */
html[data-skin="traders"][data-mode="light"] [class~="rounded-3xl"],html[data-skin="traders"][data-mode="light"] [class~="rounded-2xl"],html[data-skin="traders"][data-mode="light"] [class~="rounded-xl"] { border-radius: 3px; }
html[data-skin="traders"][data-mode="light"] [class~="rounded-lg"] { border-radius: 3px; }
html[data-skin="traders"][data-mode="light"] [class~="rounded-md"] { border-radius: 2px; }
html[data-skin="traders"][data-mode="light"] [class~="rounded"] { border-radius: 2px; }

/* ── FLAT: no gradients, no glow soup. One hairline system. ───────────────── */
html[data-skin="traders"][data-mode="light"] [class*="bg-gradient"],html[data-skin="traders"][data-mode="light"] [class*="from-"],html[data-skin="traders"][data-mode="light"] [class*="via-"],html[data-skin="traders"][data-mode="light"] [class*="to-"] {
  background-image: none !important;
}
html[data-skin="traders"][data-mode="light"] [class*="backdrop-blur"] { backdrop-filter: blur(6px); }
html[data-skin="traders"][data-mode="light"] .bb-strip,html[data-skin="traders"][data-mode="light"] [data-bb-strip] { display: block; }



/* ── fallback: if the runtime never stamped the attributes, present ghost/dark ── */
html:not([data-skin]) body { background: #0B0B0D; color: #F3F1EA; }