/* AUTO-GENERATED by packages/design-tokens/build.mjs — DO NOT EDIT.
 * Palette atmospheres — complete web themes generated from the 9 color
 * roles + gradients in packages/design-tokens/src/atmospheres.mjs.
 * Bespoke atmospheres (clean, temporal, kitty_kat, fighter, traxyz, folksy)
 * keep their hand-authored blocks in atmospheres.css; everything here is
 * static color only (no animation), so it is reduced-motion safe. */

/* ── Aether (aether) ── */

body[data-atmosphere="aether"] {
  background-color: #040915;
  color: #e8eef8;
  color-scheme: dark;
  --menu-surface-color: #0b1323;
  --dashboard-pill-shell-bg: linear-gradient(140deg, rgba(11, 19, 35, 0.96), rgba(9, 14, 25, 0.92));
  --dashboard-pill-shell-shadow: 0 25px 55px rgba(0, 0, 0, 0.55);
  --dashboard-pill-shell-border: rgba(126,150,191,0.32);
  --dashboard-pill-trigger-color: rgba(232, 238, 248, 0.7);
  --dashboard-pill-trigger-hover-color: #e8eef8;
  --dashboard-pill-trigger-active-color: #040915;
  --dashboard-pill-trigger-active-bg: rgba(110, 231, 183, 0.92);
  --dashboard-pill-focus-ring: 0 0 0 2px rgba(11, 19, 35, 0.8), 0 0 0 4px rgba(110, 231, 183, 0.45);
  --dashboard-pill-highlight-bg: linear-gradient(120deg, #22d3ee, #6ee7b7, #fbbf24);
  --dashboard-pill-highlight-shadow: 0 18px 38px rgba(110, 231, 183, 0.32);
  --dashboard-pill-hover-bg: linear-gradient(120deg, rgba(110, 231, 183, 0.1), rgba(34, 211, 238, 0.1));
  --dashboard-pill-hover-shadow: inset 0 0 0 1px rgba(43, 54, 75, 0.18);
  --tracker-dialog-surface: linear-gradient(150deg, rgba(17, 27, 49, 0.97), rgba(11, 19, 35, 0.95));
  --tracker-dialog-border: rgba(110, 231, 183, 0.3);
  --tracker-dialog-text: #e8eef8;
  --tracker-dialog-muted: #9fb2ce;
  --tracker-dialog-accent: #6ee7b7;
  --tracker-dialog-accent-ink: #84ebc2;
  --tracker-dialog-accent-strong: #22d3ee;
  --tracker-dialog-backdrop: rgba(4, 9, 21, 0.72);
  --tracker-dialog-input-bg: rgba(10,15,26,0.85);
  --tracker-dialog-shadow: 0 30px 70px rgba(0, 0, 0, 0.6);
  --tracker-dialog-glow: radial-gradient(circle at 18% 16%, rgba(110, 231, 183, 0.26), transparent 42%),
    radial-gradient(circle at 82% 4%, rgba(34, 211, 238, 0.2), transparent 50%);
  --tx-depth-shadow-color: rgba(110, 231, 183, 0.26);
  --tx-depth-highlight: rgba(255, 255, 255, 0.14);
  background-image:
    radial-gradient(circle at 12% 18%, rgba(110, 231, 183, 0.18), transparent 55%),
    radial-gradient(circle at 85% 8%, rgba(34, 211, 238, 0.16), transparent 60%);
}

body[data-atmosphere="aether"] nav {
  background-color: #0b1323 !important;
  color: #e8eef8;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
}

body[data-atmosphere="aether"] .bg-white { background-color: #111b31 !important; }
body[data-atmosphere="aether"] .bg-gray-50 { background-color: #090e19 !important; }
body[data-atmosphere="aether"] .bg-gray-100 { background-color: #1d263b !important; }
body[data-atmosphere="aether"] .bg-gray-200 { background-color: #293246 !important; }
body[data-atmosphere="aether"] .hover\:bg-gray-300:hover { background-color: #373f52 !important; }
body[data-atmosphere="aether"] .text-gray-900,
body[data-atmosphere="aether"] .text-gray-800,
body[data-atmosphere="aether"] .text-gray-700 { color: #e8eef8 !important; }
body[data-atmosphere="aether"] .text-gray-600 { color: #c4d0e3 !important; }
body[data-atmosphere="aether"] .text-gray-500 { color: #9fb2ce !important; }
body[data-atmosphere="aether"] .border-gray-200 { border-color: #2b364b !important; }
body[data-atmosphere="aether"] .bg-blue-500,
body[data-atmosphere="aether"] .bg-blue-600 { background-color: #6ee7b7 !important; color: #040915 !important; }
body[data-atmosphere="aether"] .bg-blue-700 { background-color: #61cba1 !important; color: #040915 !important; }
body[data-atmosphere="aether"] .hover\:bg-blue-500:hover { background-color: #6ee7b7 !important; color: #040915 !important; }
body[data-atmosphere="aether"] .hover\:bg-blue-600:hover,
body[data-atmosphere="aether"] .hover\:bg-blue-700:hover { background-color: #61cba1 !important; color: #040915 !important; }
body[data-atmosphere="aether"] .focus\:ring-blue-400:focus { --tw-ring-color: rgba(110, 231, 183, 0.35) !important; }
body[data-atmosphere="aether"] .focus\:border-blue-500:focus { border-color: #6ee7b7 !important; }
body[data-atmosphere="aether"] .border-blue-400,
body[data-atmosphere="aether"] .border-blue-600 { border-color: #6ee7b7 !important; }
body[data-atmosphere="aether"] .text-blue-600 { color: #84ebc2 !important; }
body[data-atmosphere="aether"] .text-blue-700,
body[data-atmosphere="aether"] .text-blue-800 { color: #9aeecd !important; }
body[data-atmosphere="aether"] .hover\:text-blue-700:hover,
body[data-atmosphere="aether"] .hover\:text-blue-800:hover { color: #9aeecd !important; }
body[data-atmosphere="aether"] .bg-blue-100,
body[data-atmosphere="aether"] .bg-blue-200 { background-color: rgba(110, 231, 183, 0.18) !important; }
body[data-atmosphere="aether"] .bg-blue-50 { background-color: rgba(110, 231, 183, 0.1) !important; }
body[data-atmosphere="aether"] .hover\:bg-blue-100:hover,
body[data-atmosphere="aether"] .hover\:bg-blue-200:hover { background-color: rgba(110, 231, 183, 0.18) !important; }
body[data-atmosphere="aether"] .border-blue-100,
body[data-atmosphere="aether"] .border-blue-200 { border-color: rgba(110, 231, 183, 0.32) !important; }
body[data-atmosphere="aether"] .dashboard-link { color: #9fb2ce !important; }
body[data-atmosphere="aether"] .dashboard-link:hover {
  background-color: #242d41 !important;
  color: #e8eef8 !important;
}

body[data-atmosphere='aether'] #tx-boot { --boot-accent: #6ee7b7; --boot-accent-warm: #22d3ee; }

/* ── Midnight (midnight) — Night owls and deep-work sessions — near-black calm with an electric pulse. ── */

body[data-atmosphere="midnight"] {
  background-color: #05070d;
  color: #e6eaf5;
  color-scheme: dark;
  --menu-surface-color: #0d101b;
  --dashboard-pill-shell-bg: linear-gradient(140deg, rgba(13, 16, 27, 0.96), rgba(9, 12, 20, 0.92));
  --dashboard-pill-shell-shadow: 0 25px 55px rgba(0, 0, 0, 0.55);
  --dashboard-pill-shell-border: rgba(99,113,160,0.30);
  --dashboard-pill-trigger-color: rgba(230, 234, 245, 0.7);
  --dashboard-pill-trigger-hover-color: #e6eaf5;
  --dashboard-pill-trigger-active-color: #05070d;
  --dashboard-pill-trigger-active-bg: rgba(91, 108, 255, 0.92);
  --dashboard-pill-focus-ring: 0 0 0 2px rgba(13, 16, 27, 0.8), 0 0 0 4px rgba(91, 108, 255, 0.45);
  --dashboard-pill-highlight-bg: linear-gradient(120deg, #5b6cff, #38e1ff);
  --dashboard-pill-highlight-shadow: 0 18px 38px rgba(91, 108, 255, 0.32);
  --dashboard-pill-hover-bg: linear-gradient(120deg, rgba(91, 108, 255, 0.1), rgba(56, 225, 255, 0.1));
  --dashboard-pill-hover-shadow: inset 0 0 0 1px rgba(33, 39, 57, 0.18);
  --tracker-dialog-surface: linear-gradient(150deg, rgba(16, 21, 34, 0.97), rgba(13, 16, 27, 0.95));
  --tracker-dialog-border: rgba(91, 108, 255, 0.3);
  --tracker-dialog-text: #e6eaf5;
  --tracker-dialog-muted: #94a0bd;
  --tracker-dialog-accent: #5b6cff;
  --tracker-dialog-accent-ink: #7482ff;
  --tracker-dialog-accent-strong: #38e1ff;
  --tracker-dialog-backdrop: rgba(5, 7, 13, 0.72);
  --tracker-dialog-input-bg: rgba(10,13,22,0.82);
  --tracker-dialog-shadow: 0 30px 70px rgba(0, 0, 0, 0.6);
  --tracker-dialog-glow: radial-gradient(circle at 18% 16%, rgba(91, 108, 255, 0.26), transparent 42%),
    radial-gradient(circle at 82% 4%, rgba(56, 225, 255, 0.2), transparent 50%);
  --tx-depth-shadow-color: rgba(91, 108, 255, 0.26);
  --tx-depth-highlight: rgba(255, 255, 255, 0.14);
  background-image:
    radial-gradient(circle at 12% 18%, rgba(91, 108, 255, 0.18), transparent 55%),
    radial-gradient(circle at 85% 8%, rgba(56, 225, 255, 0.16), transparent 60%);
}

body[data-atmosphere="midnight"] nav {
  background-color: #0d101b !important;
  color: #e6eaf5;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
}

body[data-atmosphere="midnight"] .bg-white { background-color: #101522 !important; }
body[data-atmosphere="midnight"] .bg-gray-50 { background-color: #090c14 !important; }
body[data-atmosphere="midnight"] .bg-gray-100 { background-color: #1c212d !important; }
body[data-atmosphere="midnight"] .bg-gray-200 { background-color: #282c38 !important; }
body[data-atmosphere="midnight"] .hover\:bg-gray-300:hover { background-color: #363a45 !important; }
body[data-atmosphere="midnight"] .text-gray-900,
body[data-atmosphere="midnight"] .text-gray-800,
body[data-atmosphere="midnight"] .text-gray-700 { color: #e6eaf5 !important; }
body[data-atmosphere="midnight"] .text-gray-600 { color: #bdc5d9 !important; }
body[data-atmosphere="midnight"] .text-gray-500 { color: #94a0bd !important; }
body[data-atmosphere="midnight"] .border-gray-200 { border-color: #212739 !important; }
body[data-atmosphere="midnight"] .bg-blue-500,
body[data-atmosphere="midnight"] .bg-blue-600 { background-color: #5b6cff !important; color: #05070d !important; }
body[data-atmosphere="midnight"] .bg-blue-700 { background-color: #505fe0 !important; color: #05070d !important; }
body[data-atmosphere="midnight"] .hover\:bg-blue-500:hover { background-color: #5b6cff !important; color: #05070d !important; }
body[data-atmosphere="midnight"] .hover\:bg-blue-600:hover,
body[data-atmosphere="midnight"] .hover\:bg-blue-700:hover { background-color: #505fe0 !important; color: #05070d !important; }
body[data-atmosphere="midnight"] .focus\:ring-blue-400:focus { --tw-ring-color: rgba(91, 108, 255, 0.35) !important; }
body[data-atmosphere="midnight"] .focus\:border-blue-500:focus { border-color: #5b6cff !important; }
body[data-atmosphere="midnight"] .border-blue-400,
body[data-atmosphere="midnight"] .border-blue-600 { border-color: #5b6cff !important; }
body[data-atmosphere="midnight"] .text-blue-600 { color: #7482ff !important; }
body[data-atmosphere="midnight"] .text-blue-700,
body[data-atmosphere="midnight"] .text-blue-800 { color: #8c98ff !important; }
body[data-atmosphere="midnight"] .hover\:text-blue-700:hover,
body[data-atmosphere="midnight"] .hover\:text-blue-800:hover { color: #8c98ff !important; }
body[data-atmosphere="midnight"] .bg-blue-100,
body[data-atmosphere="midnight"] .bg-blue-200 { background-color: rgba(91, 108, 255, 0.18) !important; }
body[data-atmosphere="midnight"] .bg-blue-50 { background-color: rgba(91, 108, 255, 0.1) !important; }
body[data-atmosphere="midnight"] .hover\:bg-blue-100:hover,
body[data-atmosphere="midnight"] .hover\:bg-blue-200:hover { background-color: rgba(91, 108, 255, 0.18) !important; }
body[data-atmosphere="midnight"] .border-blue-100,
body[data-atmosphere="midnight"] .border-blue-200 { border-color: rgba(91, 108, 255, 0.32) !important; }
body[data-atmosphere="midnight"] .dashboard-link { color: #94a0bd !important; }
body[data-atmosphere="midnight"] .dashboard-link:hover {
  background-color: #232834 !important;
  color: #e6eaf5 !important;
}

body[data-atmosphere='midnight'] #tx-boot { --boot-accent: #5b6cff; --boot-accent-warm: #38e1ff; }

/* ── Sakura (sakura) — Soft-aesthetic fans — blossom pink, gentle light, hanami in app form. ── */

body[data-atmosphere="sakura"] {
  background-color: #fdf3f6;
  color: #5d2a44;
  color-scheme: light;
  --menu-surface-color: #fffafc;
  --dashboard-pill-shell-bg: linear-gradient(140deg, rgba(255, 250, 252, 0.96), rgba(250, 232, 238, 0.92));
  --dashboard-pill-shell-shadow: 0 22px 46px rgba(226, 109, 158, 0.2);
  --dashboard-pill-shell-border: rgba(226,109,158,0.32);
  --dashboard-pill-trigger-color: rgba(93, 42, 68, 0.7);
  --dashboard-pill-trigger-hover-color: #5d2a44;
  --dashboard-pill-trigger-active-color: #2e2c2c;
  --dashboard-pill-trigger-active-bg: rgba(226, 109, 158, 0.92);
  --dashboard-pill-focus-ring: 0 0 0 2px rgba(255, 250, 252, 0.8), 0 0 0 4px rgba(226, 109, 158, 0.45);
  --dashboard-pill-highlight-bg: linear-gradient(120deg, #e26d9e, #f5b8cf);
  --dashboard-pill-highlight-shadow: 0 18px 38px rgba(226, 109, 158, 0.32);
  --dashboard-pill-hover-bg: linear-gradient(120deg, rgba(226, 109, 158, 0.1), rgba(245, 184, 207, 0.1));
  --dashboard-pill-hover-shadow: inset 0 0 0 1px rgba(244, 200, 218, 0.18);
  --tracker-dialog-surface: linear-gradient(140deg, #fffafc, #fae8ee);
  --tracker-dialog-border: rgba(226, 109, 158, 0.35);
  --tracker-dialog-text: #5d2a44;
  --tracker-dialog-muted: #96627f;
  --tracker-dialog-accent: #e26d9e;
  --tracker-dialog-accent-ink: #a55074;
  --tracker-dialog-accent-strong: #c7608b;
  --tracker-dialog-backdrop: rgba(0, 0, 0, 0.45);
  --tracker-dialog-input-bg: #fae8ee;
  --tracker-dialog-shadow: 0 18px 42px rgba(93, 42, 68, 0.18);
  --tracker-dialog-glow: radial-gradient(circle at 18% 16%, rgba(226, 109, 158, 0.18), transparent 42%),
    radial-gradient(circle at 82% 4%, rgba(245, 184, 207, 0.16), transparent 50%);
  --tx-depth-shadow-color: rgba(226, 109, 158, 0.26);
  --tx-depth-highlight: rgba(255, 255, 255, 0.5);
  background-image:
    radial-gradient(circle at 12% 18%, rgba(226, 109, 158, 0.18), transparent 55%),
    radial-gradient(circle at 85% 8%, rgba(245, 184, 207, 0.16), transparent 60%);
}

body[data-atmosphere="sakura"] nav {
  background-color: #fffafc !important;
  color: #5d2a44;
  box-shadow: 0 10px 30px rgba(226, 109, 158, 0.16);
}

body[data-atmosphere="sakura"] .bg-white { background-color: #fffafc !important; }
body[data-atmosphere="sakura"] .bg-gray-50 { background-color: #fdf1f5 !important; }
body[data-atmosphere="sakura"] .bg-gray-100 { background-color: #fae8ee !important; }
body[data-atmosphere="sakura"] .bg-gray-200 { background-color: #ead5dd !important; }
body[data-atmosphere="sakura"] .hover\:bg-gray-300:hover { background-color: #dec6cf !important; }
body[data-atmosphere="sakura"] .text-gray-900,
body[data-atmosphere="sakura"] .text-gray-800,
body[data-atmosphere="sakura"] .text-gray-700 { color: #5d2a44 !important; }
body[data-atmosphere="sakura"] .text-gray-600 { color: #7a4662 !important; }
body[data-atmosphere="sakura"] .text-gray-500 { color: #905e7a !important; }
body[data-atmosphere="sakura"] .border-gray-200 { border-color: #f4c8da !important; }
body[data-atmosphere="sakura"] .bg-blue-500,
body[data-atmosphere="sakura"] .bg-blue-600 { background-color: #e26d9e !important; color: #2e2c2c !important; }
body[data-atmosphere="sakura"] .bg-blue-700 { background-color: #c7608b !important; color: #2e2c2c !important; }
body[data-atmosphere="sakura"] .hover\:bg-blue-500:hover { background-color: #e26d9e !important; color: #2e2c2c !important; }
body[data-atmosphere="sakura"] .hover\:bg-blue-600:hover,
body[data-atmosphere="sakura"] .hover\:bg-blue-700:hover { background-color: #c7608b !important; color: #2e2c2c !important; }
body[data-atmosphere="sakura"] .focus\:ring-blue-400:focus { --tw-ring-color: rgba(226, 109, 158, 0.35) !important; }
body[data-atmosphere="sakura"] .focus\:border-blue-500:focus { border-color: #e26d9e !important; }
body[data-atmosphere="sakura"] .border-blue-400,
body[data-atmosphere="sakura"] .border-blue-600 { border-color: #e26d9e !important; }
body[data-atmosphere="sakura"] .text-blue-600 { color: #a55074 !important; }
body[data-atmosphere="sakura"] .text-blue-700,
body[data-atmosphere="sakura"] .text-blue-800 { color: #a34e72 !important; }
body[data-atmosphere="sakura"] .hover\:text-blue-700:hover,
body[data-atmosphere="sakura"] .hover\:text-blue-800:hover { color: #a34e72 !important; }
body[data-atmosphere="sakura"] .bg-blue-100,
body[data-atmosphere="sakura"] .bg-blue-200 { background-color: #fae3ed !important; }
body[data-atmosphere="sakura"] .bg-blue-50 { background-color: #fcedf4 !important; }
body[data-atmosphere="sakura"] .hover\:bg-blue-100:hover,
body[data-atmosphere="sakura"] .hover\:bg-blue-200:hover { background-color: #fae3ed !important; }
body[data-atmosphere="sakura"] .border-blue-100,
body[data-atmosphere="sakura"] .border-blue-200 { border-color: rgba(226, 109, 158, 0.25) !important; }
body[data-atmosphere="sakura"] .dashboard-link { color: #96627f !important; }
body[data-atmosphere="sakura"] .dashboard-link:hover {
  background-color: #f3e1e7 !important;
  color: #5d2a44 !important;
}

body[data-atmosphere='sakura'] #tx-boot { --boot-accent: #e26d9e; --boot-accent-warm: #f5b8cf; }

/* ── Evergreen (evergreen) — Hikers and forest people — moss, pine, and patient growth. ── */

body[data-atmosphere="evergreen"] {
  background-color: #07120c;
  color: #e4f3e7;
  color-scheme: dark;
  --menu-surface-color: #0d1a13;
  --dashboard-pill-shell-bg: linear-gradient(140deg, rgba(13, 26, 19, 0.96), rgba(9, 20, 14, 0.92));
  --dashboard-pill-shell-shadow: 0 25px 55px rgba(0, 0, 0, 0.55);
  --dashboard-pill-shell-border: rgba(74,148,106,0.32);
  --dashboard-pill-trigger-color: rgba(228, 243, 231, 0.7);
  --dashboard-pill-trigger-hover-color: #e4f3e7;
  --dashboard-pill-trigger-active-color: #07120c;
  --dashboard-pill-trigger-active-bg: rgba(52, 211, 153, 0.92);
  --dashboard-pill-focus-ring: 0 0 0 2px rgba(13, 26, 19, 0.8), 0 0 0 4px rgba(52, 211, 153, 0.45);
  --dashboard-pill-highlight-bg: linear-gradient(120deg, #34d399, #a3e635);
  --dashboard-pill-highlight-shadow: 0 18px 38px rgba(52, 211, 153, 0.32);
  --dashboard-pill-hover-bg: linear-gradient(120deg, rgba(52, 211, 153, 0.1), rgba(163, 230, 53, 0.1));
  --dashboard-pill-hover-shadow: inset 0 0 0 1px rgba(28, 60, 42, 0.18);
  --tracker-dialog-surface: linear-gradient(150deg, rgba(15, 31, 23, 0.97), rgba(13, 26, 19, 0.95));
  --tracker-dialog-border: rgba(52, 211, 153, 0.3);
  --tracker-dialog-text: #e4f3e7;
  --tracker-dialog-muted: #94bca1;
  --tracker-dialog-accent: #34d399;
  --tracker-dialog-accent-ink: #52daa8;
  --tracker-dialog-accent-strong: #a3e635;
  --tracker-dialog-backdrop: rgba(7, 18, 12, 0.72);
  --tracker-dialog-input-bg: rgba(10,20,15,0.82);
  --tracker-dialog-shadow: 0 30px 70px rgba(0, 0, 0, 0.6);
  --tracker-dialog-glow: radial-gradient(circle at 18% 16%, rgba(52, 211, 153, 0.26), transparent 42%),
    radial-gradient(circle at 82% 4%, rgba(163, 230, 53, 0.2), transparent 50%);
  --tx-depth-shadow-color: rgba(52, 211, 153, 0.26);
  --tx-depth-highlight: rgba(255, 255, 255, 0.14);
  background-image:
    radial-gradient(circle at 12% 18%, rgba(52, 211, 153, 0.18), transparent 55%),
    radial-gradient(circle at 85% 8%, rgba(163, 230, 53, 0.16), transparent 60%);
}

body[data-atmosphere="evergreen"] nav {
  background-color: #0d1a13 !important;
  color: #e4f3e7;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
}

body[data-atmosphere="evergreen"] .bg-white { background-color: #0f1f17 !important; }
body[data-atmosphere="evergreen"] .bg-gray-50 { background-color: #09140e !important; }
body[data-atmosphere="evergreen"] .bg-gray-100 { background-color: #1b2a23 !important; }
body[data-atmosphere="evergreen"] .bg-gray-200 { background-color: #27352e !important; }
body[data-atmosphere="evergreen"] .hover\:bg-gray-300:hover { background-color: #35433c !important; }
body[data-atmosphere="evergreen"] .text-gray-900,
body[data-atmosphere="evergreen"] .text-gray-800,
body[data-atmosphere="evergreen"] .text-gray-700 { color: #e4f3e7 !important; }
body[data-atmosphere="evergreen"] .text-gray-600 { color: #bcd8c4 !important; }
body[data-atmosphere="evergreen"] .text-gray-500 { color: #94bca1 !important; }
body[data-atmosphere="evergreen"] .border-gray-200 { border-color: #1c3c2a !important; }
body[data-atmosphere="evergreen"] .bg-blue-500,
body[data-atmosphere="evergreen"] .bg-blue-600 { background-color: #34d399 !important; color: #07120c !important; }
body[data-atmosphere="evergreen"] .bg-blue-700 { background-color: #2eba87 !important; color: #07120c !important; }
body[data-atmosphere="evergreen"] .hover\:bg-blue-500:hover { background-color: #34d399 !important; color: #07120c !important; }
body[data-atmosphere="evergreen"] .hover\:bg-blue-600:hover,
body[data-atmosphere="evergreen"] .hover\:bg-blue-700:hover { background-color: #2eba87 !important; color: #07120c !important; }
body[data-atmosphere="evergreen"] .focus\:ring-blue-400:focus { --tw-ring-color: rgba(52, 211, 153, 0.35) !important; }
body[data-atmosphere="evergreen"] .focus\:border-blue-500:focus { border-color: #34d399 !important; }
body[data-atmosphere="evergreen"] .border-blue-400,
body[data-atmosphere="evergreen"] .border-blue-600 { border-color: #34d399 !important; }
body[data-atmosphere="evergreen"] .text-blue-600 { color: #52daa8 !important; }
body[data-atmosphere="evergreen"] .text-blue-700,
body[data-atmosphere="evergreen"] .text-blue-800 { color: #71e0b8 !important; }
body[data-atmosphere="evergreen"] .hover\:text-blue-700:hover,
body[data-atmosphere="evergreen"] .hover\:text-blue-800:hover { color: #71e0b8 !important; }
body[data-atmosphere="evergreen"] .bg-blue-100,
body[data-atmosphere="evergreen"] .bg-blue-200 { background-color: rgba(52, 211, 153, 0.18) !important; }
body[data-atmosphere="evergreen"] .bg-blue-50 { background-color: rgba(52, 211, 153, 0.1) !important; }
body[data-atmosphere="evergreen"] .hover\:bg-blue-100:hover,
body[data-atmosphere="evergreen"] .hover\:bg-blue-200:hover { background-color: rgba(52, 211, 153, 0.18) !important; }
body[data-atmosphere="evergreen"] .border-blue-100,
body[data-atmosphere="evergreen"] .border-blue-200 { border-color: rgba(52, 211, 153, 0.32) !important; }
body[data-atmosphere="evergreen"] .dashboard-link { color: #94bca1 !important; }
body[data-atmosphere="evergreen"] .dashboard-link:hover {
  background-color: #22312a !important;
  color: #e4f3e7 !important;
}

body[data-atmosphere='evergreen'] #tx-boot { --boot-accent: #34d399; --boot-accent-warm: #a3e635; }

/* ── Ocean (ocean) — Swimmers, divers, and blue-mind thinkers — deep navy with bioluminescent teal. ── */

body[data-atmosphere="ocean"] {
  background-color: #041220;
  color: #dff2fc;
  color-scheme: dark;
  --menu-surface-color: #081929;
  --dashboard-pill-shell-bg: linear-gradient(140deg, rgba(8, 25, 41, 0.96), rgba(6, 20, 34, 0.92));
  --dashboard-pill-shell-shadow: 0 25px 55px rgba(0, 0, 0, 0.55);
  --dashboard-pill-shell-border: rgba(56,130,170,0.32);
  --dashboard-pill-trigger-color: rgba(223, 242, 252, 0.7);
  --dashboard-pill-trigger-hover-color: #dff2fc;
  --dashboard-pill-trigger-active-color: #041220;
  --dashboard-pill-trigger-active-bg: rgba(34, 211, 238, 0.92);
  --dashboard-pill-focus-ring: 0 0 0 2px rgba(8, 25, 41, 0.8), 0 0 0 4px rgba(34, 211, 238, 0.45);
  --dashboard-pill-highlight-bg: linear-gradient(120deg, #22d3ee, #2dd4bf);
  --dashboard-pill-highlight-shadow: 0 18px 38px rgba(34, 211, 238, 0.32);
  --dashboard-pill-hover-bg: linear-gradient(120deg, rgba(34, 211, 238, 0.1), rgba(45, 212, 191, 0.1));
  --dashboard-pill-hover-shadow: inset 0 0 0 1px rgba(21, 54, 76, 0.18);
  --tracker-dialog-surface: linear-gradient(150deg, rgba(10, 30, 50, 0.97), rgba(8, 25, 41, 0.95));
  --tracker-dialog-border: rgba(34, 211, 238, 0.3);
  --tracker-dialog-text: #dff2fc;
  --tracker-dialog-muted: #8fb6cd;
  --tracker-dialog-accent: #22d3ee;
  --tracker-dialog-accent-ink: #43daf1;
  --tracker-dialog-accent-strong: #2dd4bf;
  --tracker-dialog-backdrop: rgba(4, 18, 32, 0.72);
  --tracker-dialog-input-bg: rgba(6,20,34,0.82);
  --tracker-dialog-shadow: 0 30px 70px rgba(0, 0, 0, 0.6);
  --tracker-dialog-glow: radial-gradient(circle at 18% 16%, rgba(34, 211, 238, 0.26), transparent 42%),
    radial-gradient(circle at 82% 4%, rgba(45, 212, 191, 0.2), transparent 50%);
  --tx-depth-shadow-color: rgba(34, 211, 238, 0.26);
  --tx-depth-highlight: rgba(255, 255, 255, 0.14);
  background-image:
    radial-gradient(circle at 12% 18%, rgba(34, 211, 238, 0.18), transparent 55%),
    radial-gradient(circle at 85% 8%, rgba(45, 212, 191, 0.16), transparent 60%);
}

body[data-atmosphere="ocean"] nav {
  background-color: #081929 !important;
  color: #dff2fc;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
}

body[data-atmosphere="ocean"] .bg-white { background-color: #0a1e32 !important; }
body[data-atmosphere="ocean"] .bg-gray-50 { background-color: #061422 !important; }
body[data-atmosphere="ocean"] .bg-gray-100 { background-color: #16293c !important; }
body[data-atmosphere="ocean"] .bg-gray-200 { background-color: #233547 !important; }
body[data-atmosphere="ocean"] .hover\:bg-gray-300:hover { background-color: #314253 !important; }
body[data-atmosphere="ocean"] .text-gray-900,
body[data-atmosphere="ocean"] .text-gray-800,
body[data-atmosphere="ocean"] .text-gray-700 { color: #dff2fc !important; }
body[data-atmosphere="ocean"] .text-gray-600 { color: #b7d4e5 !important; }
body[data-atmosphere="ocean"] .text-gray-500 { color: #8fb6cd !important; }
body[data-atmosphere="ocean"] .border-gray-200 { border-color: #15364c !important; }
body[data-atmosphere="ocean"] .bg-blue-500,
body[data-atmosphere="ocean"] .bg-blue-600 { background-color: #22d3ee !important; color: #041220 !important; }
body[data-atmosphere="ocean"] .bg-blue-700 { background-color: #1ebad1 !important; color: #041220 !important; }
body[data-atmosphere="ocean"] .hover\:bg-blue-500:hover { background-color: #22d3ee !important; color: #041220 !important; }
body[data-atmosphere="ocean"] .hover\:bg-blue-600:hover,
body[data-atmosphere="ocean"] .hover\:bg-blue-700:hover { background-color: #1ebad1 !important; color: #041220 !important; }
body[data-atmosphere="ocean"] .focus\:ring-blue-400:focus { --tw-ring-color: rgba(34, 211, 238, 0.35) !important; }
body[data-atmosphere="ocean"] .focus\:border-blue-500:focus { border-color: #22d3ee !important; }
body[data-atmosphere="ocean"] .border-blue-400,
body[data-atmosphere="ocean"] .border-blue-600 { border-color: #22d3ee !important; }
body[data-atmosphere="ocean"] .text-blue-600 { color: #43daf1 !important; }
body[data-atmosphere="ocean"] .text-blue-700,
body[data-atmosphere="ocean"] .text-blue-800 { color: #64e0f3 !important; }
body[data-atmosphere="ocean"] .hover\:text-blue-700:hover,
body[data-atmosphere="ocean"] .hover\:text-blue-800:hover { color: #64e0f3 !important; }
body[data-atmosphere="ocean"] .bg-blue-100,
body[data-atmosphere="ocean"] .bg-blue-200 { background-color: rgba(34, 211, 238, 0.18) !important; }
body[data-atmosphere="ocean"] .bg-blue-50 { background-color: rgba(34, 211, 238, 0.1) !important; }
body[data-atmosphere="ocean"] .hover\:bg-blue-100:hover,
body[data-atmosphere="ocean"] .hover\:bg-blue-200:hover { background-color: rgba(34, 211, 238, 0.18) !important; }
body[data-atmosphere="ocean"] .border-blue-100,
body[data-atmosphere="ocean"] .border-blue-200 { border-color: rgba(34, 211, 238, 0.32) !important; }
body[data-atmosphere="ocean"] .dashboard-link { color: #8fb6cd !important; }
body[data-atmosphere="ocean"] .dashboard-link:hover {
  background-color: #1e3042 !important;
  color: #dff2fc !important;
}

body[data-atmosphere='ocean'] #tx-boot { --boot-accent: #22d3ee; --boot-accent-warm: #2dd4bf; }

/* ── Golden Hour (sunset) — Photographers and warm-palette lovers — coral, amber, and that last sliver of light. ── */

body[data-atmosphere="sunset"] {
  background-color: #fff4ec;
  color: #5b2c1d;
  color-scheme: light;
  --menu-surface-color: #fffaf5;
  --dashboard-pill-shell-bg: linear-gradient(140deg, rgba(255, 250, 245, 0.96), rgba(252, 232, 218, 0.92));
  --dashboard-pill-shell-shadow: 0 22px 46px rgba(249, 115, 22, 0.2);
  --dashboard-pill-shell-border: rgba(249,115,22,0.32);
  --dashboard-pill-trigger-color: rgba(91, 44, 29, 0.7);
  --dashboard-pill-trigger-hover-color: #5b2c1d;
  --dashboard-pill-trigger-active-color: #343230;
  --dashboard-pill-trigger-active-bg: rgba(249, 115, 22, 0.92);
  --dashboard-pill-focus-ring: 0 0 0 2px rgba(255, 250, 245, 0.8), 0 0 0 4px rgba(249, 115, 22, 0.45);
  --dashboard-pill-highlight-bg: linear-gradient(120deg, #f97316, #f43f5e);
  --dashboard-pill-highlight-shadow: 0 18px 38px rgba(249, 115, 22, 0.32);
  --dashboard-pill-hover-bg: linear-gradient(120deg, rgba(249, 115, 22, 0.1), rgba(244, 63, 94, 0.1));
  --dashboard-pill-hover-shadow: inset 0 0 0 1px rgba(253, 203, 168, 0.18);
  --tracker-dialog-surface: linear-gradient(140deg, #fffaf5, #fce8da);
  --tracker-dialog-border: rgba(249, 115, 22, 0.35);
  --tracker-dialog-text: #5b2c1d;
  --tracker-dialog-muted: #9a6450;
  --tracker-dialog-accent: #f97316;
  --tracker-dialog-accent-ink: #ae510e;
  --tracker-dialog-accent-strong: #db6513;
  --tracker-dialog-backdrop: rgba(0, 0, 0, 0.45);
  --tracker-dialog-input-bg: #fce8da;
  --tracker-dialog-shadow: 0 18px 42px rgba(91, 44, 29, 0.18);
  --tracker-dialog-glow: radial-gradient(circle at 18% 16%, rgba(249, 115, 22, 0.18), transparent 42%),
    radial-gradient(circle at 82% 4%, rgba(244, 63, 94, 0.16), transparent 50%);
  --tx-depth-shadow-color: rgba(249, 115, 22, 0.26);
  --tx-depth-highlight: rgba(255, 255, 255, 0.5);
  background-image:
    radial-gradient(circle at 12% 18%, rgba(249, 115, 22, 0.18), transparent 55%),
    radial-gradient(circle at 85% 8%, rgba(244, 63, 94, 0.16), transparent 60%);
}

body[data-atmosphere="sunset"] nav {
  background-color: #fffaf5 !important;
  color: #5b2c1d;
  box-shadow: 0 10px 30px rgba(249, 115, 22, 0.16);
}

body[data-atmosphere="sunset"] .bg-white { background-color: #fffaf5 !important; }
body[data-atmosphere="sunset"] .bg-gray-50 { background-color: #fef1e8 !important; }
body[data-atmosphere="sunset"] .bg-gray-100 { background-color: #fce8da !important; }
body[data-atmosphere="sunset"] .bg-gray-200 { background-color: #ecd5c7 !important; }
body[data-atmosphere="sunset"] .hover\:bg-gray-300:hover { background-color: #dfc6b8 !important; }
body[data-atmosphere="sunset"] .text-gray-900,
body[data-atmosphere="sunset"] .text-gray-800,
body[data-atmosphere="sunset"] .text-gray-700 { color: #5b2c1d !important; }
body[data-atmosphere="sunset"] .text-gray-600 { color: #7b4837 !important; }
body[data-atmosphere="sunset"] .text-gray-500 { color: #94604d !important; }
body[data-atmosphere="sunset"] .border-gray-200 { border-color: #fdcba8 !important; }
body[data-atmosphere="sunset"] .bg-blue-500,
body[data-atmosphere="sunset"] .bg-blue-600 { background-color: #f97316 !important; color: #343230 !important; }
body[data-atmosphere="sunset"] .bg-blue-700 { background-color: #db6513 !important; color: #343230 !important; }
body[data-atmosphere="sunset"] .hover\:bg-blue-500:hover { background-color: #f97316 !important; color: #343230 !important; }
body[data-atmosphere="sunset"] .hover\:bg-blue-600:hover,
body[data-atmosphere="sunset"] .hover\:bg-blue-700:hover { background-color: #db6513 !important; color: #343230 !important; }
body[data-atmosphere="sunset"] .focus\:ring-blue-400:focus { --tw-ring-color: rgba(249, 115, 22, 0.35) !important; }
body[data-atmosphere="sunset"] .focus\:border-blue-500:focus { border-color: #f97316 !important; }
body[data-atmosphere="sunset"] .border-blue-400,
body[data-atmosphere="sunset"] .border-blue-600 { border-color: #f97316 !important; }
body[data-atmosphere="sunset"] .text-blue-600 { color: #ae510e !important; }
body[data-atmosphere="sunset"] .text-blue-700,
body[data-atmosphere="sunset"] .text-blue-800 { color: #ae510e !important; }
body[data-atmosphere="sunset"] .hover\:text-blue-700:hover,
body[data-atmosphere="sunset"] .hover\:text-blue-800:hover { color: #ae510e !important; }
body[data-atmosphere="sunset"] .bg-blue-100,
body[data-atmosphere="sunset"] .bg-blue-200 { background-color: #fee4d1 !important; }
body[data-atmosphere="sunset"] .bg-blue-50 { background-color: #feeee1 !important; }
body[data-atmosphere="sunset"] .hover\:bg-blue-100:hover,
body[data-atmosphere="sunset"] .hover\:bg-blue-200:hover { background-color: #fee4d1 !important; }
body[data-atmosphere="sunset"] .border-blue-100,
body[data-atmosphere="sunset"] .border-blue-200 { border-color: rgba(249, 115, 22, 0.25) !important; }
body[data-atmosphere="sunset"] .dashboard-link { color: #9a6450 !important; }
body[data-atmosphere="sunset"] .dashboard-link:hover {
  background-color: #f4e1d3 !important;
  color: #5b2c1d !important;
}

body[data-atmosphere='sunset'] #tx-boot { --boot-accent: #f97316; --boot-accent-warm: #f43f5e; }

/* ── Noir (noir) — Minimalist designers — pure monochrome, typography first, zero noise. ── */

body[data-atmosphere="noir"] {
  background-color: #0a0a0a;
  color: #f5f5f5;
  color-scheme: dark;
  --menu-surface-color: #141414;
  --dashboard-pill-shell-bg: linear-gradient(140deg, rgba(20, 20, 20, 0.96), rgba(15, 15, 15, 0.92));
  --dashboard-pill-shell-shadow: 0 25px 55px rgba(0, 0, 0, 0.55);
  --dashboard-pill-shell-border: rgba(120,120,120,0.34);
  --dashboard-pill-trigger-color: rgba(245, 245, 245, 0.7);
  --dashboard-pill-trigger-hover-color: #f5f5f5;
  --dashboard-pill-trigger-active-color: #0a0a0a;
  --dashboard-pill-trigger-active-bg: rgba(229, 229, 229, 0.92);
  --dashboard-pill-focus-ring: 0 0 0 2px rgba(20, 20, 20, 0.8), 0 0 0 4px rgba(229, 229, 229, 0.45);
  --dashboard-pill-highlight-bg: linear-gradient(120deg, #f5f5f5, #a3a3a3);
  --dashboard-pill-highlight-shadow: 0 18px 38px rgba(229, 229, 229, 0.32);
  --dashboard-pill-hover-bg: linear-gradient(120deg, rgba(229, 229, 229, 0.1), rgba(115, 115, 115, 0.1));
  --dashboard-pill-hover-shadow: inset 0 0 0 1px rgba(47, 47, 47, 0.18);
  --tracker-dialog-surface: linear-gradient(150deg, rgba(23, 23, 23, 0.97), rgba(20, 20, 20, 0.95));
  --tracker-dialog-border: rgba(229, 229, 229, 0.3);
  --tracker-dialog-text: #f5f5f5;
  --tracker-dialog-muted: #a3a3a3;
  --tracker-dialog-accent: #e5e5e5;
  --tracker-dialog-accent-ink: #e9e9e9;
  --tracker-dialog-accent-strong: #737373;
  --tracker-dialog-backdrop: rgba(10, 10, 10, 0.72);
  --tracker-dialog-input-bg: rgba(16,16,16,0.88);
  --tracker-dialog-shadow: 0 30px 70px rgba(0, 0, 0, 0.6);
  --tracker-dialog-glow: radial-gradient(circle at 18% 16%, rgba(229, 229, 229, 0.26), transparent 42%),
    radial-gradient(circle at 82% 4%, rgba(115, 115, 115, 0.2), transparent 50%);
  --tx-depth-shadow-color: rgba(229, 229, 229, 0.26);
  --tx-depth-highlight: rgba(255, 255, 255, 0.14);
  background-image:
    radial-gradient(circle at 12% 18%, rgba(229, 229, 229, 0.18), transparent 55%),
    radial-gradient(circle at 85% 8%, rgba(115, 115, 115, 0.16), transparent 60%);
}

body[data-atmosphere="noir"] nav {
  background-color: #141414 !important;
  color: #f5f5f5;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
}

body[data-atmosphere="noir"] .bg-white { background-color: #171717 !important; }
body[data-atmosphere="noir"] .bg-gray-50 { background-color: #0f0f0f !important; }
body[data-atmosphere="noir"] .bg-gray-100 { background-color: #232323 !important; }
body[data-atmosphere="noir"] .bg-gray-200 { background-color: #2e2e2e !important; }
body[data-atmosphere="noir"] .hover\:bg-gray-300:hover { background-color: #3c3c3c !important; }
body[data-atmosphere="noir"] .text-gray-900,
body[data-atmosphere="noir"] .text-gray-800,
body[data-atmosphere="noir"] .text-gray-700 { color: #f5f5f5 !important; }
body[data-atmosphere="noir"] .text-gray-600 { color: #cccccc !important; }
body[data-atmosphere="noir"] .text-gray-500 { color: #a3a3a3 !important; }
body[data-atmosphere="noir"] .border-gray-200 { border-color: #2f2f2f !important; }
body[data-atmosphere="noir"] .bg-blue-500,
body[data-atmosphere="noir"] .bg-blue-600 { background-color: #e5e5e5 !important; color: #0a0a0a !important; }
body[data-atmosphere="noir"] .bg-blue-700 { background-color: #cacaca !important; color: #0a0a0a !important; }
body[data-atmosphere="noir"] .hover\:bg-blue-500:hover { background-color: #e5e5e5 !important; color: #0a0a0a !important; }
body[data-atmosphere="noir"] .hover\:bg-blue-600:hover,
body[data-atmosphere="noir"] .hover\:bg-blue-700:hover { background-color: #cacaca !important; color: #0a0a0a !important; }
body[data-atmosphere="noir"] .focus\:ring-blue-400:focus { --tw-ring-color: rgba(229, 229, 229, 0.35) !important; }
body[data-atmosphere="noir"] .focus\:border-blue-500:focus { border-color: #e5e5e5 !important; }
body[data-atmosphere="noir"] .border-blue-400,
body[data-atmosphere="noir"] .border-blue-600 { border-color: #e5e5e5 !important; }
body[data-atmosphere="noir"] .text-blue-600 { color: #e9e9e9 !important; }
body[data-atmosphere="noir"] .text-blue-700,
body[data-atmosphere="noir"] .text-blue-800 { color: #ededed !important; }
body[data-atmosphere="noir"] .hover\:text-blue-700:hover,
body[data-atmosphere="noir"] .hover\:text-blue-800:hover { color: #ededed !important; }
body[data-atmosphere="noir"] .bg-blue-100,
body[data-atmosphere="noir"] .bg-blue-200 { background-color: rgba(229, 229, 229, 0.18) !important; }
body[data-atmosphere="noir"] .bg-blue-50 { background-color: rgba(229, 229, 229, 0.1) !important; }
body[data-atmosphere="noir"] .hover\:bg-blue-100:hover,
body[data-atmosphere="noir"] .hover\:bg-blue-200:hover { background-color: rgba(229, 229, 229, 0.18) !important; }
body[data-atmosphere="noir"] .border-blue-100,
body[data-atmosphere="noir"] .border-blue-200 { border-color: rgba(229, 229, 229, 0.32) !important; }
body[data-atmosphere="noir"] .dashboard-link { color: #a3a3a3 !important; }
body[data-atmosphere="noir"] .dashboard-link:hover {
  background-color: #2a2a2a !important;
  color: #f5f5f5 !important;
}

body[data-atmosphere='noir'] #tx-boot { --boot-accent: #e5e5e5; --boot-accent-warm: #737373; }

/* ── Neon Grid (neon) — Gamers and synthwave fans — magenta-cyan glow on a midnight grid. ── */

body[data-atmosphere="neon"] {
  background-color: #0a0118;
  color: #f2e8ff;
  color-scheme: dark;
  --menu-surface-color: #15082b;
  --dashboard-pill-shell-bg: linear-gradient(140deg, rgba(21, 8, 43, 0.96), rgba(15, 4, 32, 0.92));
  --dashboard-pill-shell-shadow: 0 25px 55px rgba(0, 0, 0, 0.55);
  --dashboard-pill-shell-border: rgba(180,90,230,0.34);
  --dashboard-pill-trigger-color: rgba(242, 232, 255, 0.7);
  --dashboard-pill-trigger-hover-color: #f2e8ff;
  --dashboard-pill-trigger-active-color: #0a0118;
  --dashboard-pill-trigger-active-bg: rgba(217, 70, 239, 0.92);
  --dashboard-pill-focus-ring: 0 0 0 2px rgba(21, 8, 43, 0.8), 0 0 0 4px rgba(217, 70, 239, 0.45);
  --dashboard-pill-highlight-bg: linear-gradient(120deg, #d946ef, #22d3ee);
  --dashboard-pill-highlight-shadow: 0 18px 38px rgba(217, 70, 239, 0.32);
  --dashboard-pill-hover-bg: linear-gradient(120deg, rgba(217, 70, 239, 0.1), rgba(34, 211, 238, 0.1));
  --dashboard-pill-hover-shadow: inset 0 0 0 1px rgba(68, 31, 94, 0.18);
  --tracker-dialog-surface: linear-gradient(150deg, rgba(27, 9, 52, 0.97), rgba(21, 8, 43, 0.95));
  --tracker-dialog-border: rgba(217, 70, 239, 0.3);
  --tracker-dialog-text: #f2e8ff;
  --tracker-dialog-muted: #b69cd9;
  --tracker-dialog-accent: #d946ef;
  --tracker-dialog-accent-ink: #df62f1;
  --tracker-dialog-accent-strong: #22d3ee;
  --tracker-dialog-backdrop: rgba(10, 1, 24, 0.72);
  --tracker-dialog-input-bg: rgba(16,5,34,0.84);
  --tracker-dialog-shadow: 0 30px 70px rgba(0, 0, 0, 0.6);
  --tracker-dialog-glow: radial-gradient(circle at 18% 16%, rgba(217, 70, 239, 0.26), transparent 42%),
    radial-gradient(circle at 82% 4%, rgba(34, 211, 238, 0.2), transparent 50%);
  --tx-depth-shadow-color: rgba(217, 70, 239, 0.26);
  --tx-depth-highlight: rgba(255, 255, 255, 0.14);
  background-image:
    radial-gradient(circle at 12% 18%, rgba(217, 70, 239, 0.18), transparent 55%),
    radial-gradient(circle at 85% 8%, rgba(34, 211, 238, 0.16), transparent 60%);
}

body[data-atmosphere="neon"] nav {
  background-color: #15082b !important;
  color: #f2e8ff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
}

body[data-atmosphere="neon"] .bg-white { background-color: #1b0934 !important; }
body[data-atmosphere="neon"] .bg-gray-50 { background-color: #0f0420 !important; }
body[data-atmosphere="neon"] .bg-gray-100 { background-color: #26153e !important; }
body[data-atmosphere="neon"] .bg-gray-200 { background-color: #322248 !important; }
body[data-atmosphere="neon"] .hover\:bg-gray-300:hover { background-color: #3f3054 !important; }
body[data-atmosphere="neon"] .text-gray-900,
body[data-atmosphere="neon"] .text-gray-800,
body[data-atmosphere="neon"] .text-gray-700 { color: #f2e8ff !important; }
body[data-atmosphere="neon"] .text-gray-600 { color: #d4c2ec !important; }
body[data-atmosphere="neon"] .text-gray-500 { color: #b69cd9 !important; }
body[data-atmosphere="neon"] .border-gray-200 { border-color: #441f5e !important; }
body[data-atmosphere="neon"] .bg-blue-500,
body[data-atmosphere="neon"] .bg-blue-600 { background-color: #d946ef !important; color: #0a0118 !important; }
body[data-atmosphere="neon"] .bg-blue-700 { background-color: #bf3ed2 !important; color: #0a0118 !important; }
body[data-atmosphere="neon"] .hover\:bg-blue-500:hover { background-color: #d946ef !important; color: #0a0118 !important; }
body[data-atmosphere="neon"] .hover\:bg-blue-600:hover,
body[data-atmosphere="neon"] .hover\:bg-blue-700:hover { background-color: #bf3ed2 !important; color: #0a0118 !important; }
body[data-atmosphere="neon"] .focus\:ring-blue-400:focus { --tw-ring-color: rgba(217, 70, 239, 0.35) !important; }
body[data-atmosphere="neon"] .focus\:border-blue-500:focus { border-color: #d946ef !important; }
body[data-atmosphere="neon"] .border-blue-400,
body[data-atmosphere="neon"] .border-blue-600 { border-color: #d946ef !important; }
body[data-atmosphere="neon"] .text-blue-600 { color: #df62f1 !important; }
body[data-atmosphere="neon"] .text-blue-700,
body[data-atmosphere="neon"] .text-blue-800 { color: #e47ef4 !important; }
body[data-atmosphere="neon"] .hover\:text-blue-700:hover,
body[data-atmosphere="neon"] .hover\:text-blue-800:hover { color: #e47ef4 !important; }
body[data-atmosphere="neon"] .bg-blue-100,
body[data-atmosphere="neon"] .bg-blue-200 { background-color: rgba(217, 70, 239, 0.18) !important; }
body[data-atmosphere="neon"] .bg-blue-50 { background-color: rgba(217, 70, 239, 0.1) !important; }
body[data-atmosphere="neon"] .hover\:bg-blue-100:hover,
body[data-atmosphere="neon"] .hover\:bg-blue-200:hover { background-color: rgba(217, 70, 239, 0.18) !important; }
body[data-atmosphere="neon"] .border-blue-100,
body[data-atmosphere="neon"] .border-blue-200 { border-color: rgba(217, 70, 239, 0.32) !important; }
body[data-atmosphere="neon"] .dashboard-link { color: #b69cd9 !important; }
body[data-atmosphere="neon"] .dashboard-link:hover {
  background-color: #2d1d44 !important;
  color: #f2e8ff !important;
}

body[data-atmosphere='neon'] #tx-boot { --boot-accent: #d946ef; --boot-accent-warm: #22d3ee; }

/* ── Terminal (terminal) — Programmers and retro-computing fans — green phosphor on black glass. ── */

body[data-atmosphere="terminal"] {
  background-color: #020a04;
  color: #b6f0c0;
  color-scheme: dark;
  --menu-surface-color: #06130a;
  --dashboard-pill-shell-bg: linear-gradient(140deg, rgba(6, 19, 10, 0.96), rgba(4, 15, 7, 0.92));
  --dashboard-pill-shell-shadow: 0 25px 55px rgba(0, 0, 0, 0.55);
  --dashboard-pill-shell-border: rgba(34,197,94,0.30);
  --dashboard-pill-trigger-color: rgba(182, 240, 192, 0.7);
  --dashboard-pill-trigger-hover-color: #b6f0c0;
  --dashboard-pill-trigger-active-color: #020a04;
  --dashboard-pill-trigger-active-bg: rgba(34, 197, 94, 0.92);
  --dashboard-pill-focus-ring: 0 0 0 2px rgba(6, 19, 10, 0.8), 0 0 0 4px rgba(34, 197, 94, 0.45);
  --dashboard-pill-highlight-bg: linear-gradient(120deg, #22c55e, #86efac);
  --dashboard-pill-highlight-shadow: 0 18px 38px rgba(34, 197, 94, 0.32);
  --dashboard-pill-hover-bg: linear-gradient(120deg, rgba(34, 197, 94, 0.1), rgba(134, 239, 172, 0.1));
  --dashboard-pill-hover-shadow: inset 0 0 0 1px rgba(12, 66, 31, 0.18);
  --tracker-dialog-surface: linear-gradient(150deg, rgba(8, 25, 12, 0.97), rgba(6, 19, 10, 0.95));
  --tracker-dialog-border: rgba(34, 197, 94, 0.3);
  --tracker-dialog-text: #b6f0c0;
  --tracker-dialog-muted: #6dab7c;
  --tracker-dialog-accent: #22c55e;
  --tracker-dialog-accent-ink: #43ce76;
  --tracker-dialog-accent-strong: #86efac;
  --tracker-dialog-backdrop: rgba(2, 10, 4, 0.72);
  --tracker-dialog-input-bg: rgba(4,16,8,0.86);
  --tracker-dialog-shadow: 0 30px 70px rgba(0, 0, 0, 0.6);
  --tracker-dialog-glow: radial-gradient(circle at 18% 16%, rgba(34, 197, 94, 0.26), transparent 42%),
    radial-gradient(circle at 82% 4%, rgba(134, 239, 172, 0.2), transparent 50%);
  --tx-depth-shadow-color: rgba(34, 197, 94, 0.26);
  --tx-depth-highlight: rgba(255, 255, 255, 0.14);
  background-image:
    radial-gradient(circle at 12% 18%, rgba(34, 197, 94, 0.18), transparent 55%),
    radial-gradient(circle at 85% 8%, rgba(134, 239, 172, 0.16), transparent 60%);
}

body[data-atmosphere="terminal"] nav {
  background-color: #06130a !important;
  color: #b6f0c0;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
}

body[data-atmosphere="terminal"] .bg-white { background-color: #08190c !important; }
body[data-atmosphere="terminal"] .bg-gray-50 { background-color: #040f07 !important; }
body[data-atmosphere="terminal"] .bg-gray-100 { background-color: #142518 !important; }
body[data-atmosphere="terminal"] .bg-gray-200 { background-color: #213024 !important; }
body[data-atmosphere="terminal"] .hover\:bg-gray-300:hover { background-color: #303e33 !important; }
body[data-atmosphere="terminal"] .text-gray-900,
body[data-atmosphere="terminal"] .text-gray-800,
body[data-atmosphere="terminal"] .text-gray-700 { color: #b6f0c0 !important; }
body[data-atmosphere="terminal"] .text-gray-600 { color: #92ce9e !important; }
body[data-atmosphere="terminal"] .text-gray-500 { color: #6dab7c !important; }
body[data-atmosphere="terminal"] .border-gray-200 { border-color: #0c421f !important; }
body[data-atmosphere="terminal"] .bg-blue-500,
body[data-atmosphere="terminal"] .bg-blue-600 { background-color: #22c55e !important; color: #020a04 !important; }
body[data-atmosphere="terminal"] .bg-blue-700 { background-color: #1ead53 !important; color: #020a04 !important; }
body[data-atmosphere="terminal"] .hover\:bg-blue-500:hover { background-color: #22c55e !important; color: #020a04 !important; }
body[data-atmosphere="terminal"] .hover\:bg-blue-600:hover,
body[data-atmosphere="terminal"] .hover\:bg-blue-700:hover { background-color: #1ead53 !important; color: #020a04 !important; }
body[data-atmosphere="terminal"] .focus\:ring-blue-400:focus { --tw-ring-color: rgba(34, 197, 94, 0.35) !important; }
body[data-atmosphere="terminal"] .focus\:border-blue-500:focus { border-color: #22c55e !important; }
body[data-atmosphere="terminal"] .border-blue-400,
body[data-atmosphere="terminal"] .border-blue-600 { border-color: #22c55e !important; }
body[data-atmosphere="terminal"] .text-blue-600 { color: #43ce76 !important; }
body[data-atmosphere="terminal"] .text-blue-700,
body[data-atmosphere="terminal"] .text-blue-800 { color: #64d68e !important; }
body[data-atmosphere="terminal"] .hover\:text-blue-700:hover,
body[data-atmosphere="terminal"] .hover\:text-blue-800:hover { color: #64d68e !important; }
body[data-atmosphere="terminal"] .bg-blue-100,
body[data-atmosphere="terminal"] .bg-blue-200 { background-color: rgba(34, 197, 94, 0.18) !important; }
body[data-atmosphere="terminal"] .bg-blue-50 { background-color: rgba(34, 197, 94, 0.1) !important; }
body[data-atmosphere="terminal"] .hover\:bg-blue-100:hover,
body[data-atmosphere="terminal"] .hover\:bg-blue-200:hover { background-color: rgba(34, 197, 94, 0.18) !important; }
body[data-atmosphere="terminal"] .border-blue-100,
body[data-atmosphere="terminal"] .border-blue-200 { border-color: rgba(34, 197, 94, 0.32) !important; }
body[data-atmosphere="terminal"] .dashboard-link { color: #6dab7c !important; }
body[data-atmosphere="terminal"] .dashboard-link:hover {
  background-color: #1c2b1f !important;
  color: #b6f0c0 !important;
}

body[data-atmosphere='terminal'] #tx-boot { --boot-accent: #22c55e; --boot-accent-warm: #86efac; }

/* ── Lavender Haze (lavender) — Mindfulness and evening-journal people — lilac calm, soft edges. ── */

body[data-atmosphere="lavender"] {
  background-color: #f6f3fb;
  color: #44345e;
  color-scheme: light;
  --menu-surface-color: #fdfcff;
  --dashboard-pill-shell-bg: linear-gradient(140deg, rgba(253, 252, 255, 0.96), rgba(236, 229, 247, 0.92));
  --dashboard-pill-shell-shadow: 0 22px 46px rgba(139, 92, 246, 0.2);
  --dashboard-pill-shell-border: rgba(139,92,246,0.30);
  --dashboard-pill-trigger-color: rgba(68, 52, 94, 0.7);
  --dashboard-pill-trigger-hover-color: #44345e;
  --dashboard-pill-trigger-active-color: #161617;
  --dashboard-pill-trigger-active-bg: rgba(139, 92, 246, 0.92);
  --dashboard-pill-focus-ring: 0 0 0 2px rgba(253, 252, 255, 0.8), 0 0 0 4px rgba(139, 92, 246, 0.45);
  --dashboard-pill-highlight-bg: linear-gradient(120deg, #8b5cf6, #c4b5fd);
  --dashboard-pill-highlight-shadow: 0 18px 38px rgba(139, 92, 246, 0.32);
  --dashboard-pill-hover-bg: linear-gradient(120deg, rgba(139, 92, 246, 0.1), rgba(196, 181, 253, 0.1));
  --dashboard-pill-hover-shadow: inset 0 0 0 1px rgba(214, 198, 250, 0.18);
  --tracker-dialog-surface: linear-gradient(140deg, #fdfcff, #ece5f7);
  --tracker-dialog-border: rgba(139, 92, 246, 0.35);
  --tracker-dialog-text: #44345e;
  --tracker-dialog-muted: #7a6a99;
  --tracker-dialog-accent: #8b5cf6;
  --tracker-dialog-accent-ink: #784fd4;
  --tracker-dialog-accent-strong: #7a51d8;
  --tracker-dialog-backdrop: rgba(0, 0, 0, 0.45);
  --tracker-dialog-input-bg: #ece5f7;
  --tracker-dialog-shadow: 0 18px 42px rgba(68, 52, 94, 0.18);
  --tracker-dialog-glow: radial-gradient(circle at 18% 16%, rgba(139, 92, 246, 0.18), transparent 42%),
    radial-gradient(circle at 82% 4%, rgba(196, 181, 253, 0.16), transparent 50%);
  --tx-depth-shadow-color: rgba(139, 92, 246, 0.26);
  --tx-depth-highlight: rgba(255, 255, 255, 0.5);
  background-image:
    radial-gradient(circle at 12% 18%, rgba(139, 92, 246, 0.18), transparent 55%),
    radial-gradient(circle at 85% 8%, rgba(196, 181, 253, 0.16), transparent 60%);
}

body[data-atmosphere="lavender"] nav {
  background-color: #fdfcff !important;
  color: #44345e;
  box-shadow: 0 10px 30px rgba(139, 92, 246, 0.16);
}

body[data-atmosphere="lavender"] .bg-white { background-color: #fdfcff !important; }
body[data-atmosphere="lavender"] .bg-gray-50 { background-color: #f5f1fb !important; }
body[data-atmosphere="lavender"] .bg-gray-100 { background-color: #ece5f7 !important; }
body[data-atmosphere="lavender"] .bg-gray-200 { background-color: #dbd3e8 !important; }
body[data-atmosphere="lavender"] .hover\:bg-gray-300:hover { background-color: #cec5db !important; }
body[data-atmosphere="lavender"] .text-gray-900,
body[data-atmosphere="lavender"] .text-gray-800,
body[data-atmosphere="lavender"] .text-gray-700 { color: #44345e !important; }
body[data-atmosphere="lavender"] .text-gray-600 { color: #5f4f7c !important; }
body[data-atmosphere="lavender"] .text-gray-500 { color: #756693 !important; }
body[data-atmosphere="lavender"] .border-gray-200 { border-color: #d6c6fa !important; }
body[data-atmosphere="lavender"] .bg-blue-500,
body[data-atmosphere="lavender"] .bg-blue-600 { background-color: #8b5cf6 !important; color: #161617 !important; }
body[data-atmosphere="lavender"] .bg-blue-700 { background-color: #7a51d8 !important; color: #161617 !important; }
body[data-atmosphere="lavender"] .hover\:bg-blue-500:hover { background-color: #8b5cf6 !important; color: #161617 !important; }
body[data-atmosphere="lavender"] .hover\:bg-blue-600:hover,
body[data-atmosphere="lavender"] .hover\:bg-blue-700:hover { background-color: #7a51d8 !important; color: #161617 !important; }
body[data-atmosphere="lavender"] .focus\:ring-blue-400:focus { --tw-ring-color: rgba(139, 92, 246, 0.35) !important; }
body[data-atmosphere="lavender"] .focus\:border-blue-500:focus { border-color: #8b5cf6 !important; }
body[data-atmosphere="lavender"] .border-blue-400,
body[data-atmosphere="lavender"] .border-blue-600 { border-color: #8b5cf6 !important; }
body[data-atmosphere="lavender"] .text-blue-600 { color: #784fd4 !important; }
body[data-atmosphere="lavender"] .text-blue-700,
body[data-atmosphere="lavender"] .text-blue-800 { color: #6442b1 !important; }
body[data-atmosphere="lavender"] .hover\:text-blue-700:hover,
body[data-atmosphere="lavender"] .hover\:text-blue-800:hover { color: #6442b1 !important; }
body[data-atmosphere="lavender"] .bg-blue-100,
body[data-atmosphere="lavender"] .bg-blue-200 { background-color: #ebe2fe !important; }
body[data-atmosphere="lavender"] .bg-blue-50 { background-color: #f3eefe !important; }
body[data-atmosphere="lavender"] .hover\:bg-blue-100:hover,
body[data-atmosphere="lavender"] .hover\:bg-blue-200:hover { background-color: #ebe2fe !important; }
body[data-atmosphere="lavender"] .border-blue-100,
body[data-atmosphere="lavender"] .border-blue-200 { border-color: rgba(139, 92, 246, 0.25) !important; }
body[data-atmosphere="lavender"] .dashboard-link { color: #7a6a99 !important; }
body[data-atmosphere="lavender"] .dashboard-link:hover {
  background-color: #e5def0 !important;
  color: #44345e !important;
}

body[data-atmosphere='lavender'] #tx-boot { --boot-accent: #8b5cf6; --boot-accent-warm: #c4b5fd; }

/* ── Desert Clay (desert) — Earthy, southwestern minimalists — terracotta, sand, and cactus green. ── */

body[data-atmosphere="desert"] {
  background-color: #faf1e6;
  color: #4f2d1c;
  color-scheme: light;
  --menu-surface-color: #fffaf2;
  --dashboard-pill-shell-bg: linear-gradient(140deg, rgba(255, 250, 242, 0.96), rgba(243, 228, 208, 0.92));
  --dashboard-pill-shell-shadow: 0 22px 46px rgba(194, 99, 46, 0.2);
  --dashboard-pill-shell-border: rgba(194,99,46,0.32);
  --dashboard-pill-trigger-color: rgba(79, 45, 28, 0.7);
  --dashboard-pill-trigger-hover-color: #4f2d1c;
  --dashboard-pill-trigger-active-color: #171615;
  --dashboard-pill-trigger-active-bg: rgba(194, 99, 46, 0.92);
  --dashboard-pill-focus-ring: 0 0 0 2px rgba(255, 250, 242, 0.8), 0 0 0 4px rgba(194, 99, 46, 0.45);
  --dashboard-pill-highlight-bg: linear-gradient(120deg, #c2632e, #d9a05b);
  --dashboard-pill-highlight-shadow: 0 18px 38px rgba(194, 99, 46, 0.32);
  --dashboard-pill-hover-bg: linear-gradient(120deg, rgba(194, 99, 46, 0.1), rgba(217, 160, 91, 0.1));
  --dashboard-pill-hover-shadow: inset 0 0 0 1px rgba(232, 196, 171, 0.18);
  --tracker-dialog-surface: linear-gradient(140deg, #fffaf2, #f3e4d0);
  --tracker-dialog-border: rgba(194, 99, 46, 0.35);
  --tracker-dialog-text: #4f2d1c;
  --tracker-dialog-muted: #8a6450;
  --tracker-dialog-accent: #c2632e;
  --tracker-dialog-accent-ink: #a75528;
  --tracker-dialog-accent-strong: #ab5728;
  --tracker-dialog-backdrop: rgba(0, 0, 0, 0.45);
  --tracker-dialog-input-bg: #f3e4d0;
  --tracker-dialog-shadow: 0 18px 42px rgba(79, 45, 28, 0.18);
  --tracker-dialog-glow: radial-gradient(circle at 18% 16%, rgba(194, 99, 46, 0.18), transparent 42%),
    radial-gradient(circle at 82% 4%, rgba(217, 160, 91, 0.16), transparent 50%);
  --tx-depth-shadow-color: rgba(194, 99, 46, 0.26);
  --tx-depth-highlight: rgba(255, 255, 255, 0.5);
  background-image:
    radial-gradient(circle at 12% 18%, rgba(194, 99, 46, 0.18), transparent 55%),
    radial-gradient(circle at 85% 8%, rgba(217, 160, 91, 0.16), transparent 60%);
}

body[data-atmosphere="desert"] nav {
  background-color: #fffaf2 !important;
  color: #4f2d1c;
  box-shadow: 0 10px 30px rgba(194, 99, 46, 0.16);
}

body[data-atmosphere="desert"] .bg-white { background-color: #fffaf2 !important; }
body[data-atmosphere="desert"] .bg-gray-50 { background-color: #f9efe1 !important; }
body[data-atmosphere="desert"] .bg-gray-100 { background-color: #f3e4d0 !important; }
body[data-atmosphere="desert"] .bg-gray-200 { background-color: #e3d2be !important; }
body[data-atmosphere="desert"] .hover\:bg-gray-300:hover { background-color: #d5c3b0 !important; }
body[data-atmosphere="desert"] .text-gray-900,
body[data-atmosphere="desert"] .text-gray-800,
body[data-atmosphere="desert"] .text-gray-700 { color: #4f2d1c !important; }
body[data-atmosphere="desert"] .text-gray-600 { color: #6d4936 !important; }
body[data-atmosphere="desert"] .text-gray-500 { color: #8a6450 !important; }
body[data-atmosphere="desert"] .border-gray-200 { border-color: #e8c4ab !important; }
body[data-atmosphere="desert"] .bg-blue-500,
body[data-atmosphere="desert"] .bg-blue-600 { background-color: #c2632e !important; color: #171615 !important; }
body[data-atmosphere="desert"] .bg-blue-700 { background-color: #ab5728 !important; color: #171615 !important; }
body[data-atmosphere="desert"] .hover\:bg-blue-500:hover { background-color: #c2632e !important; color: #171615 !important; }
body[data-atmosphere="desert"] .hover\:bg-blue-600:hover,
body[data-atmosphere="desert"] .hover\:bg-blue-700:hover { background-color: #ab5728 !important; color: #171615 !important; }
body[data-atmosphere="desert"] .focus\:ring-blue-400:focus { --tw-ring-color: rgba(194, 99, 46, 0.35) !important; }
body[data-atmosphere="desert"] .focus\:border-blue-500:focus { border-color: #c2632e !important; }
body[data-atmosphere="desert"] .border-blue-400,
body[data-atmosphere="desert"] .border-blue-600 { border-color: #c2632e !important; }
body[data-atmosphere="desert"] .text-blue-600 { color: #a75528 !important; }
body[data-atmosphere="desert"] .text-blue-700,
body[data-atmosphere="desert"] .text-blue-800 { color: #8c4721 !important; }
body[data-atmosphere="desert"] .hover\:text-blue-700:hover,
body[data-atmosphere="desert"] .hover\:text-blue-800:hover { color: #8c4721 !important; }
body[data-atmosphere="desert"] .bg-blue-100,
body[data-atmosphere="desert"] .bg-blue-200 { background-color: #f5e2d3 !important; }
body[data-atmosphere="desert"] .bg-blue-50 { background-color: #faece0 !important; }
body[data-atmosphere="desert"] .hover\:bg-blue-100:hover,
body[data-atmosphere="desert"] .hover\:bg-blue-200:hover { background-color: #f5e2d3 !important; }
body[data-atmosphere="desert"] .border-blue-100,
body[data-atmosphere="desert"] .border-blue-200 { border-color: rgba(194, 99, 46, 0.25) !important; }
body[data-atmosphere="desert"] .dashboard-link { color: #8a6450 !important; }
body[data-atmosphere="desert"] .dashboard-link:hover {
  background-color: #ecddca !important;
  color: #4f2d1c !important;
}

body[data-atmosphere='desert'] #tx-boot { --boot-accent: #c2632e; --boot-accent-warm: #d9a05b; }

/* ── Arctic (arctic) — Scandinavian-minimal fans — icy whites, pale blue, absolute clarity. ── */

body[data-atmosphere="arctic"] {
  background-color: #f4f8fb;
  color: #1e3a4c;
  color-scheme: light;
  --menu-surface-color: #ffffff;
  --dashboard-pill-shell-bg: linear-gradient(140deg, rgba(255, 255, 255, 0.96), rgba(231, 239, 245, 0.92));
  --dashboard-pill-shell-shadow: 0 22px 46px rgba(14, 165, 233, 0.2);
  --dashboard-pill-shell-border: rgba(14,165,233,0.26);
  --dashboard-pill-trigger-color: rgba(30, 58, 76, 0.7);
  --dashboard-pill-trigger-hover-color: #1e3a4c;
  --dashboard-pill-trigger-active-color: #323334;
  --dashboard-pill-trigger-active-bg: rgba(14, 165, 233, 0.92);
  --dashboard-pill-focus-ring: 0 0 0 2px rgba(255, 255, 255, 0.8), 0 0 0 4px rgba(14, 165, 233, 0.45);
  --dashboard-pill-highlight-bg: linear-gradient(120deg, #0ea5e9, #94d8f0);
  --dashboard-pill-highlight-shadow: 0 18px 38px rgba(14, 165, 233, 0.32);
  --dashboard-pill-hover-bg: linear-gradient(120deg, rgba(14, 165, 233, 0.1), rgba(148, 216, 240, 0.1));
  --dashboard-pill-hover-shadow: inset 0 0 0 1px rgba(184, 226, 246, 0.18);
  --tracker-dialog-surface: linear-gradient(140deg, #ffffff, #e7eff5);
  --tracker-dialog-border: rgba(14, 165, 233, 0.35);
  --tracker-dialog-text: #1e3a4c;
  --tracker-dialog-muted: #5a7a8c;
  --tracker-dialog-accent: #0ea5e9;
  --tracker-dialog-accent-ink: #0c74a3;
  --tracker-dialog-accent-strong: #0c91cd;
  --tracker-dialog-backdrop: rgba(0, 0, 0, 0.45);
  --tracker-dialog-input-bg: #e7eff5;
  --tracker-dialog-shadow: 0 18px 42px rgba(30, 58, 76, 0.18);
  --tracker-dialog-glow: radial-gradient(circle at 18% 16%, rgba(14, 165, 233, 0.18), transparent 42%),
    radial-gradient(circle at 82% 4%, rgba(148, 216, 240, 0.16), transparent 50%);
  --tx-depth-shadow-color: rgba(14, 165, 233, 0.26);
  --tx-depth-highlight: rgba(255, 255, 255, 0.5);
  background-image:
    radial-gradient(circle at 12% 18%, rgba(14, 165, 233, 0.18), transparent 55%),
    radial-gradient(circle at 85% 8%, rgba(148, 216, 240, 0.16), transparent 60%);
}

body[data-atmosphere="arctic"] nav {
  background-color: #ffffff !important;
  color: #1e3a4c;
  box-shadow: 0 10px 30px rgba(14, 165, 233, 0.16);
}

body[data-atmosphere="arctic"] .bg-white { background-color: #ffffff !important; }
body[data-atmosphere="arctic"] .bg-gray-50 { background-color: #f3f7fa !important; }
body[data-atmosphere="arctic"] .bg-gray-100 { background-color: #e7eff5 !important; }
body[data-atmosphere="arctic"] .bg-gray-200 { background-color: #d3dde4 !important; }
body[data-atmosphere="arctic"] .hover\:bg-gray-300:hover { background-color: #c3ced7 !important; }
body[data-atmosphere="arctic"] .text-gray-900,
body[data-atmosphere="arctic"] .text-gray-800,
body[data-atmosphere="arctic"] .text-gray-700 { color: #1e3a4c !important; }
body[data-atmosphere="arctic"] .text-gray-600 { color: #3c5a6c !important; }
body[data-atmosphere="arctic"] .text-gray-500 { color: #567586 !important; }
body[data-atmosphere="arctic"] .border-gray-200 { border-color: #b8e2f6 !important; }
body[data-atmosphere="arctic"] .bg-blue-500,
body[data-atmosphere="arctic"] .bg-blue-600 { background-color: #0ea5e9 !important; color: #323334 !important; }
body[data-atmosphere="arctic"] .bg-blue-700 { background-color: #0c91cd !important; color: #323334 !important; }
body[data-atmosphere="arctic"] .hover\:bg-blue-500:hover { background-color: #0ea5e9 !important; color: #323334 !important; }
body[data-atmosphere="arctic"] .hover\:bg-blue-600:hover,
body[data-atmosphere="arctic"] .hover\:bg-blue-700:hover { background-color: #0c91cd !important; color: #323334 !important; }
body[data-atmosphere="arctic"] .focus\:ring-blue-400:focus { --tw-ring-color: rgba(14, 165, 233, 0.35) !important; }
body[data-atmosphere="arctic"] .focus\:border-blue-500:focus { border-color: #0ea5e9 !important; }
body[data-atmosphere="arctic"] .border-blue-400,
body[data-atmosphere="arctic"] .border-blue-600 { border-color: #0ea5e9 !important; }
body[data-atmosphere="arctic"] .text-blue-600 { color: #0c74a3 !important; }
body[data-atmosphere="arctic"] .text-blue-700,
body[data-atmosphere="arctic"] .text-blue-800 { color: #0c74a3 !important; }
body[data-atmosphere="arctic"] .hover\:text-blue-700:hover,
body[data-atmosphere="arctic"] .hover\:text-blue-800:hover { color: #0c74a3 !important; }
body[data-atmosphere="arctic"] .bg-blue-100,
body[data-atmosphere="arctic"] .bg-blue-200 { background-color: #d8f1fb !important; }
body[data-atmosphere="arctic"] .bg-blue-50 { background-color: #e9f7fd !important; }
body[data-atmosphere="arctic"] .hover\:bg-blue-100:hover,
body[data-atmosphere="arctic"] .hover\:bg-blue-200:hover { background-color: #d8f1fb !important; }
body[data-atmosphere="arctic"] .border-blue-100,
body[data-atmosphere="arctic"] .border-blue-200 { border-color: rgba(14, 165, 233, 0.25) !important; }
body[data-atmosphere="arctic"] .dashboard-link { color: #5a7a8c !important; }
body[data-atmosphere="arctic"] .dashboard-link:hover {
  background-color: #e0e8ee !important;
  color: #1e3a4c !important;
}

body[data-atmosphere='arctic'] #tx-boot { --boot-accent: #0ea5e9; --boot-accent-warm: #94d8f0; }

/* ── Candy Pop (candy) — Playful color-maximalists — bubblegum, lemon, and zero seriousness. ── */

body[data-atmosphere="candy"] {
  background-color: #fff8fb;
  color: #4a2545;
  color-scheme: light;
  --menu-surface-color: #fffcfe;
  --dashboard-pill-shell-bg: linear-gradient(140deg, rgba(255, 252, 254, 0.96), rgba(253, 234, 243, 0.92));
  --dashboard-pill-shell-shadow: 0 22px 46px rgba(236, 72, 153, 0.2);
  --dashboard-pill-shell-border: rgba(236,72,153,0.32);
  --dashboard-pill-trigger-color: rgba(74, 37, 69, 0.7);
  --dashboard-pill-trigger-hover-color: #4a2545;
  --dashboard-pill-trigger-active-color: #222222;
  --dashboard-pill-trigger-active-bg: rgba(236, 72, 153, 0.92);
  --dashboard-pill-focus-ring: 0 0 0 2px rgba(255, 252, 254, 0.8), 0 0 0 4px rgba(236, 72, 153, 0.45);
  --dashboard-pill-highlight-bg: linear-gradient(120deg, #ec4899, #facc15);
  --dashboard-pill-highlight-shadow: 0 18px 38px rgba(236, 72, 153, 0.32);
  --dashboard-pill-hover-bg: linear-gradient(120deg, rgba(236, 72, 153, 0.1), rgba(250, 204, 21, 0.1));
  --dashboard-pill-hover-shadow: inset 0 0 0 1px rgba(249, 192, 220, 0.18);
  --tracker-dialog-surface: linear-gradient(140deg, #fffcfe, #fdeaf3);
  --tracker-dialog-border: rgba(236, 72, 153, 0.35);
  --tracker-dialog-text: #4a2545;
  --tracker-dialog-muted: #8d5c84;
  --tracker-dialog-accent: #ec4899;
  --tracker-dialog-accent-ink: #bb3a7a;
  --tracker-dialog-accent-strong: #d03f87;
  --tracker-dialog-backdrop: rgba(0, 0, 0, 0.45);
  --tracker-dialog-input-bg: #fdeaf3;
  --tracker-dialog-shadow: 0 18px 42px rgba(74, 37, 69, 0.18);
  --tracker-dialog-glow: radial-gradient(circle at 18% 16%, rgba(236, 72, 153, 0.18), transparent 42%),
    radial-gradient(circle at 82% 4%, rgba(250, 204, 21, 0.16), transparent 50%);
  --tx-depth-shadow-color: rgba(236, 72, 153, 0.26);
  --tx-depth-highlight: rgba(255, 255, 255, 0.5);
  background-image:
    radial-gradient(circle at 12% 18%, rgba(236, 72, 153, 0.18), transparent 55%),
    radial-gradient(circle at 85% 8%, rgba(250, 204, 21, 0.16), transparent 60%);
}

body[data-atmosphere="candy"] nav {
  background-color: #fffcfe !important;
  color: #4a2545;
  box-shadow: 0 10px 30px rgba(236, 72, 153, 0.16);
}

body[data-atmosphere="candy"] .bg-white { background-color: #fffcfe !important; }
body[data-atmosphere="candy"] .bg-gray-50 { background-color: #fef3f9 !important; }
body[data-atmosphere="candy"] .bg-gray-100 { background-color: #fdeaf3 !important; }
body[data-atmosphere="candy"] .bg-gray-200 { background-color: #ebd6e2 !important; }
body[data-atmosphere="candy"] .hover\:bg-gray-300:hover { background-color: #ddc7d4 !important; }
body[data-atmosphere="candy"] .text-gray-900,
body[data-atmosphere="candy"] .text-gray-800,
body[data-atmosphere="candy"] .text-gray-700 { color: #4a2545 !important; }
body[data-atmosphere="candy"] .text-gray-600 { color: #6c4165 !important; }
body[data-atmosphere="candy"] .text-gray-500 { color: #8d5c84 !important; }
body[data-atmosphere="candy"] .border-gray-200 { border-color: #f9c0dc !important; }
body[data-atmosphere="candy"] .bg-blue-500,
body[data-atmosphere="candy"] .bg-blue-600 { background-color: #ec4899 !important; color: #222222 !important; }
body[data-atmosphere="candy"] .bg-blue-700 { background-color: #d03f87 !important; color: #222222 !important; }
body[data-atmosphere="candy"] .hover\:bg-blue-500:hover { background-color: #ec4899 !important; color: #222222 !important; }
body[data-atmosphere="candy"] .hover\:bg-blue-600:hover,
body[data-atmosphere="candy"] .hover\:bg-blue-700:hover { background-color: #d03f87 !important; color: #222222 !important; }
body[data-atmosphere="candy"] .focus\:ring-blue-400:focus { --tw-ring-color: rgba(236, 72, 153, 0.35) !important; }
body[data-atmosphere="candy"] .focus\:border-blue-500:focus { border-color: #ec4899 !important; }
body[data-atmosphere="candy"] .border-blue-400,
body[data-atmosphere="candy"] .border-blue-600 { border-color: #ec4899 !important; }
body[data-atmosphere="candy"] .text-blue-600 { color: #bb3a7a !important; }
body[data-atmosphere="candy"] .text-blue-700,
body[data-atmosphere="candy"] .text-blue-800 { color: #aa346e !important; }
body[data-atmosphere="candy"] .hover\:text-blue-700:hover,
body[data-atmosphere="candy"] .hover\:text-blue-800:hover { color: #aa346e !important; }
body[data-atmosphere="candy"] .bg-blue-100,
body[data-atmosphere="candy"] .bg-blue-200 { background-color: #fcdfee !important; }
body[data-atmosphere="candy"] .bg-blue-50 { background-color: #fdecf5 !important; }
body[data-atmosphere="candy"] .hover\:bg-blue-100:hover,
body[data-atmosphere="candy"] .hover\:bg-blue-200:hover { background-color: #fcdfee !important; }
body[data-atmosphere="candy"] .border-blue-100,
body[data-atmosphere="candy"] .border-blue-200 { border-color: rgba(236, 72, 153, 0.25) !important; }
body[data-atmosphere="candy"] .dashboard-link { color: #8d5c84 !important; }
body[data-atmosphere="candy"] .dashboard-link:hover {
  background-color: #f5e3ec !important;
  color: #4a2545 !important;
}

body[data-atmosphere='candy'] #tx-boot { --boot-accent: #ec4899; --boot-accent-warm: #facc15; }

/* ── High Contrast (contrast) — Low-vision and bright-sunlight users — WCAG-AAA black on white, thick edges. ── */

body[data-atmosphere="contrast"] {
  background-color: #ffffff;
  color: #000000;
  color-scheme: light;
  --menu-surface-color: #ffffff;
  --dashboard-pill-shell-bg: linear-gradient(140deg, rgba(255, 255, 255, 0.96), rgba(242, 242, 242, 0.92));
  --dashboard-pill-shell-shadow: 0 22px 46px rgba(30, 64, 175, 0.2);
  --dashboard-pill-shell-border: rgba(0,0,0,0.85);
  --dashboard-pill-trigger-color: rgba(0, 0, 0, 0.7);
  --dashboard-pill-trigger-hover-color: #000000;
  --dashboard-pill-trigger-active-color: #ffffff;
  --dashboard-pill-trigger-active-bg: rgba(30, 64, 175, 0.92);
  --dashboard-pill-focus-ring: 0 0 0 2px rgba(255, 255, 255, 0.8), 0 0 0 4px rgba(30, 64, 175, 0.45);
  --dashboard-pill-highlight-bg: linear-gradient(120deg, #1e40af, #111111);
  --dashboard-pill-highlight-shadow: 0 18px 38px rgba(30, 64, 175, 0.32);
  --dashboard-pill-hover-bg: linear-gradient(120deg, rgba(30, 64, 175, 0.1), rgba(17, 17, 17, 0.1));
  --dashboard-pill-hover-shadow: inset 0 0 0 1px rgba(38, 38, 38, 0.18);
  --tracker-dialog-surface: linear-gradient(140deg, #ffffff, #f2f2f2);
  --tracker-dialog-border: rgba(30, 64, 175, 0.35);
  --tracker-dialog-text: #000000;
  --tracker-dialog-muted: #333333;
  --tracker-dialog-accent: #1e40af;
  --tracker-dialog-accent-ink: #1a3797;
  --tracker-dialog-accent-strong: #1a389a;
  --tracker-dialog-backdrop: rgba(0, 0, 0, 0.45);
  --tracker-dialog-input-bg: #f2f2f2;
  --tracker-dialog-shadow: 0 18px 42px rgba(0, 0, 0, 0.18);
  --tracker-dialog-glow: radial-gradient(circle at 18% 16%, rgba(30, 64, 175, 0.18), transparent 42%),
    radial-gradient(circle at 82% 4%, rgba(17, 17, 17, 0.16), transparent 50%);
  --tx-depth-shadow-color: rgba(30, 64, 175, 0.26);
  --tx-depth-highlight: rgba(255, 255, 255, 0.5);
}

body[data-atmosphere="contrast"] nav {
  background-color: #ffffff !important;
  color: #000000;
  box-shadow: 0 10px 30px rgba(30, 64, 175, 0.16);
}

body[data-atmosphere="contrast"] .bg-white { background-color: #ffffff !important; }
body[data-atmosphere="contrast"] .bg-gray-50 { background-color: #f9f9f9 !important; }
body[data-atmosphere="contrast"] .bg-gray-100 { background-color: #f2f2f2 !important; }
body[data-atmosphere="contrast"] .bg-gray-200 { background-color: #dadada !important; }
body[data-atmosphere="contrast"] .hover\:bg-gray-300:hover { background-color: #c6c6c6 !important; }
body[data-atmosphere="contrast"] .text-gray-900,
body[data-atmosphere="contrast"] .text-gray-800,
body[data-atmosphere="contrast"] .text-gray-700 { color: #000000 !important; }
body[data-atmosphere="contrast"] .text-gray-600 { color: #1a1a1a !important; }
body[data-atmosphere="contrast"] .text-gray-500 { color: #333333 !important; }
body[data-atmosphere="contrast"] .border-gray-200 { border-color: #262626 !important; }
body[data-atmosphere="contrast"] .bg-blue-500,
body[data-atmosphere="contrast"] .bg-blue-600 { background-color: #1e40af !important; color: #ffffff !important; }
body[data-atmosphere="contrast"] .bg-blue-700 { background-color: #1a389a !important; color: #ffffff !important; }
body[data-atmosphere="contrast"] .hover\:bg-blue-500:hover { background-color: #1e40af !important; color: #ffffff !important; }
body[data-atmosphere="contrast"] .hover\:bg-blue-600:hover,
body[data-atmosphere="contrast"] .hover\:bg-blue-700:hover { background-color: #1a389a !important; color: #ffffff !important; }
body[data-atmosphere="contrast"] .focus\:ring-blue-400:focus { --tw-ring-color: rgba(30, 64, 175, 0.35) !important; }
body[data-atmosphere="contrast"] .focus\:border-blue-500:focus { border-color: #1e40af !important; }
body[data-atmosphere="contrast"] .border-blue-400,
body[data-atmosphere="contrast"] .border-blue-600 { border-color: #1e40af !important; }
body[data-atmosphere="contrast"] .text-blue-600 { color: #1a3797 !important; }
body[data-atmosphere="contrast"] .text-blue-700,
body[data-atmosphere="contrast"] .text-blue-800 { color: #162e7e !important; }
body[data-atmosphere="contrast"] .hover\:text-blue-700:hover,
body[data-atmosphere="contrast"] .hover\:text-blue-800:hover { color: #162e7e !important; }
body[data-atmosphere="contrast"] .bg-blue-100,
body[data-atmosphere="contrast"] .bg-blue-200 { background-color: #dbe0f2 !important; }
body[data-atmosphere="contrast"] .bg-blue-50 { background-color: #ebeef8 !important; }
body[data-atmosphere="contrast"] .hover\:bg-blue-100:hover,
body[data-atmosphere="contrast"] .hover\:bg-blue-200:hover { background-color: #dbe0f2 !important; }
body[data-atmosphere="contrast"] .border-blue-100,
body[data-atmosphere="contrast"] .border-blue-200 { border-color: rgba(30, 64, 175, 0.25) !important; }
body[data-atmosphere="contrast"] .dashboard-link { color: #333333 !important; }
body[data-atmosphere="contrast"] .dashboard-link:hover {
  background-color: #ebebeb !important;
  color: #000000 !important;
}

body[data-atmosphere='contrast'] #tx-boot { --boot-accent: #1e40af; --boot-accent-warm: #111111; }

body[data-atmosphere='clean'] #tx-boot { --boot-accent: #7c8cff; --boot-accent-warm: #60f0d0; }
body[data-atmosphere='temporal'] #tx-boot { --boot-accent: #38bdf8; --boot-accent-warm: #fbbf24; }
body[data-atmosphere='kitty_kat'] #tx-boot { --boot-accent: #ff69b4; --boot-accent-warm: #ff9ad5; }
body[data-atmosphere='fighter'] #tx-boot { --boot-accent: #ef4444; --boot-accent-warm: #f97316; }
body[data-atmosphere='traxyz'] #tx-boot { --boot-accent: #2f3d63; --boot-accent-warm: #6b7280; }
body[data-atmosphere='folksy'] #tx-boot { --boot-accent: #4f9e57; --boot-accent-warm: #e0a23b; }

/* ── Semantic accent families on dark atmospheres (hue-fixed, AA-clamped) ── */
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.text-emerald-500, .text-emerald-600, .text-emerald-700, .text-emerald-800, .text-emerald-900, .hover\:text-emerald-600:hover, .hover\:text-emerald-700:hover, .hover\:text-emerald-800:hover) { color: #34d399 !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.bg-emerald-50, .bg-emerald-50\/30, .bg-emerald-50\/40, .bg-emerald-50\/50, .bg-emerald-50\/60, .bg-emerald-50\/70, .bg-emerald-50\/80, .bg-emerald-50\/90, .bg-emerald-100, .bg-emerald-100\/30, .bg-emerald-100\/40, .bg-emerald-100\/50, .bg-emerald-100\/60, .bg-emerald-100\/70, .bg-emerald-100\/80, .bg-emerald-100\/90) { background-color: rgba(16, 185, 129, 0.16) !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.border-emerald-100, .border-emerald-200, .border-emerald-300) { border-color: rgba(16, 185, 129, 0.4) !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.hover\:bg-emerald-50:hover, .hover\:bg-emerald-100:hover) { background-color: rgba(16, 185, 129, 0.24) !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.text-green-500, .text-green-600, .text-green-700, .text-green-800, .text-green-900, .hover\:text-green-600:hover, .hover\:text-green-700:hover, .hover\:text-green-800:hover) { color: #4ade80 !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.bg-green-50, .bg-green-50\/30, .bg-green-50\/40, .bg-green-50\/50, .bg-green-50\/60, .bg-green-50\/70, .bg-green-50\/80, .bg-green-50\/90, .bg-green-100, .bg-green-100\/30, .bg-green-100\/40, .bg-green-100\/50, .bg-green-100\/60, .bg-green-100\/70, .bg-green-100\/80, .bg-green-100\/90) { background-color: rgba(34, 197, 94, 0.16) !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.border-green-100, .border-green-200, .border-green-300) { border-color: rgba(34, 197, 94, 0.4) !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.hover\:bg-green-50:hover, .hover\:bg-green-100:hover) { background-color: rgba(34, 197, 94, 0.24) !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.text-red-500, .text-red-600, .text-red-700, .text-red-800, .text-red-900, .hover\:text-red-600:hover, .hover\:text-red-700:hover, .hover\:text-red-800:hover) { color: #f87171 !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.bg-red-50, .bg-red-50\/30, .bg-red-50\/40, .bg-red-50\/50, .bg-red-50\/60, .bg-red-50\/70, .bg-red-50\/80, .bg-red-50\/90, .bg-red-100, .bg-red-100\/30, .bg-red-100\/40, .bg-red-100\/50, .bg-red-100\/60, .bg-red-100\/70, .bg-red-100\/80, .bg-red-100\/90) { background-color: rgba(239, 68, 68, 0.16) !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.border-red-100, .border-red-200, .border-red-300) { border-color: rgba(239, 68, 68, 0.4) !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.hover\:bg-red-50:hover, .hover\:bg-red-100:hover) { background-color: rgba(239, 68, 68, 0.24) !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.text-rose-500, .text-rose-600, .text-rose-700, .text-rose-800, .text-rose-900, .hover\:text-rose-600:hover, .hover\:text-rose-700:hover, .hover\:text-rose-800:hover) { color: #fb7185 !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.bg-rose-50, .bg-rose-50\/30, .bg-rose-50\/40, .bg-rose-50\/50, .bg-rose-50\/60, .bg-rose-50\/70, .bg-rose-50\/80, .bg-rose-50\/90, .bg-rose-100, .bg-rose-100\/30, .bg-rose-100\/40, .bg-rose-100\/50, .bg-rose-100\/60, .bg-rose-100\/70, .bg-rose-100\/80, .bg-rose-100\/90) { background-color: rgba(244, 63, 94, 0.16) !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.border-rose-100, .border-rose-200, .border-rose-300) { border-color: rgba(244, 63, 94, 0.4) !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.hover\:bg-rose-50:hover, .hover\:bg-rose-100:hover) { background-color: rgba(244, 63, 94, 0.24) !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.text-amber-500, .text-amber-600, .text-amber-700, .text-amber-800, .text-amber-900, .hover\:text-amber-600:hover, .hover\:text-amber-700:hover, .hover\:text-amber-800:hover) { color: #fbbf24 !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.bg-amber-50, .bg-amber-50\/30, .bg-amber-50\/40, .bg-amber-50\/50, .bg-amber-50\/60, .bg-amber-50\/70, .bg-amber-50\/80, .bg-amber-50\/90, .bg-amber-100, .bg-amber-100\/30, .bg-amber-100\/40, .bg-amber-100\/50, .bg-amber-100\/60, .bg-amber-100\/70, .bg-amber-100\/80, .bg-amber-100\/90) { background-color: rgba(245, 158, 11, 0.16) !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.border-amber-100, .border-amber-200, .border-amber-300) { border-color: rgba(245, 158, 11, 0.4) !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.hover\:bg-amber-50:hover, .hover\:bg-amber-100:hover) { background-color: rgba(245, 158, 11, 0.24) !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.text-violet-500, .text-violet-600, .text-violet-700, .text-violet-800, .text-violet-900, .hover\:text-violet-600:hover, .hover\:text-violet-700:hover, .hover\:text-violet-800:hover) { color: #a78bfa !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.bg-violet-50, .bg-violet-50\/30, .bg-violet-50\/40, .bg-violet-50\/50, .bg-violet-50\/60, .bg-violet-50\/70, .bg-violet-50\/80, .bg-violet-50\/90, .bg-violet-100, .bg-violet-100\/30, .bg-violet-100\/40, .bg-violet-100\/50, .bg-violet-100\/60, .bg-violet-100\/70, .bg-violet-100\/80, .bg-violet-100\/90) { background-color: rgba(139, 92, 246, 0.16) !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.border-violet-100, .border-violet-200, .border-violet-300) { border-color: rgba(139, 92, 246, 0.4) !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.hover\:bg-violet-50:hover, .hover\:bg-violet-100:hover) { background-color: rgba(139, 92, 246, 0.24) !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.text-orange-500, .text-orange-600, .text-orange-700, .text-orange-800, .text-orange-900, .hover\:text-orange-600:hover, .hover\:text-orange-700:hover, .hover\:text-orange-800:hover) { color: #fb923c !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.bg-orange-50, .bg-orange-50\/30, .bg-orange-50\/40, .bg-orange-50\/50, .bg-orange-50\/60, .bg-orange-50\/70, .bg-orange-50\/80, .bg-orange-50\/90, .bg-orange-100, .bg-orange-100\/30, .bg-orange-100\/40, .bg-orange-100\/50, .bg-orange-100\/60, .bg-orange-100\/70, .bg-orange-100\/80, .bg-orange-100\/90) { background-color: rgba(249, 115, 22, 0.16) !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.border-orange-100, .border-orange-200, .border-orange-300) { border-color: rgba(249, 115, 22, 0.4) !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.hover\:bg-orange-50:hover, .hover\:bg-orange-100:hover) { background-color: rgba(249, 115, 22, 0.24) !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.text-cyan-500, .text-cyan-600, .text-cyan-700, .text-cyan-800, .text-cyan-900, .hover\:text-cyan-600:hover, .hover\:text-cyan-700:hover, .hover\:text-cyan-800:hover) { color: #22d3ee !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.bg-cyan-50, .bg-cyan-50\/30, .bg-cyan-50\/40, .bg-cyan-50\/50, .bg-cyan-50\/60, .bg-cyan-50\/70, .bg-cyan-50\/80, .bg-cyan-50\/90, .bg-cyan-100, .bg-cyan-100\/30, .bg-cyan-100\/40, .bg-cyan-100\/50, .bg-cyan-100\/60, .bg-cyan-100\/70, .bg-cyan-100\/80, .bg-cyan-100\/90) { background-color: rgba(6, 182, 212, 0.16) !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.border-cyan-100, .border-cyan-200, .border-cyan-300) { border-color: rgba(6, 182, 212, 0.4) !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.hover\:bg-cyan-50:hover, .hover\:bg-cyan-100:hover) { background-color: rgba(6, 182, 212, 0.24) !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.text-purple-500, .text-purple-600, .text-purple-700, .text-purple-800, .text-purple-900, .hover\:text-purple-600:hover, .hover\:text-purple-700:hover, .hover\:text-purple-800:hover) { color: #c084fc !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.bg-purple-50, .bg-purple-50\/30, .bg-purple-50\/40, .bg-purple-50\/50, .bg-purple-50\/60, .bg-purple-50\/70, .bg-purple-50\/80, .bg-purple-50\/90, .bg-purple-100, .bg-purple-100\/30, .bg-purple-100\/40, .bg-purple-100\/50, .bg-purple-100\/60, .bg-purple-100\/70, .bg-purple-100\/80, .bg-purple-100\/90) { background-color: rgba(168, 85, 247, 0.16) !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.border-purple-100, .border-purple-200, .border-purple-300) { border-color: rgba(168, 85, 247, 0.4) !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.hover\:bg-purple-50:hover, .hover\:bg-purple-100:hover) { background-color: rgba(168, 85, 247, 0.24) !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.text-yellow-500, .text-yellow-600, .text-yellow-700, .text-yellow-800, .text-yellow-900, .hover\:text-yellow-600:hover, .hover\:text-yellow-700:hover, .hover\:text-yellow-800:hover) { color: #facc15 !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.bg-yellow-50, .bg-yellow-50\/30, .bg-yellow-50\/40, .bg-yellow-50\/50, .bg-yellow-50\/60, .bg-yellow-50\/70, .bg-yellow-50\/80, .bg-yellow-50\/90, .bg-yellow-100, .bg-yellow-100\/30, .bg-yellow-100\/40, .bg-yellow-100\/50, .bg-yellow-100\/60, .bg-yellow-100\/70, .bg-yellow-100\/80, .bg-yellow-100\/90) { background-color: rgba(234, 179, 8, 0.16) !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.border-yellow-100, .border-yellow-200, .border-yellow-300) { border-color: rgba(234, 179, 8, 0.4) !important; }
:is(body[data-atmosphere="aether"], body[data-atmosphere="midnight"], body[data-atmosphere="evergreen"], body[data-atmosphere="ocean"], body[data-atmosphere="noir"], body[data-atmosphere="neon"], body[data-atmosphere="terminal"]) :is(.hover\:bg-yellow-50:hover, .hover\:bg-yellow-100:hover) { background-color: rgba(234, 179, 8, 0.24) !important; }

/* ── Semantic accent families on dark atmospheres (hue-fixed, AA-clamped) ── */
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.text-emerald-500, .text-emerald-600, .text-emerald-700, .text-emerald-800, .text-emerald-900, .hover\:text-emerald-600:hover, .hover\:text-emerald-700:hover, .hover\:text-emerald-800:hover) { color: #6ee7b7 !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.bg-emerald-50, .bg-emerald-50\/30, .bg-emerald-50\/40, .bg-emerald-50\/50, .bg-emerald-50\/60, .bg-emerald-50\/70, .bg-emerald-50\/80, .bg-emerald-50\/90, .bg-emerald-100, .bg-emerald-100\/30, .bg-emerald-100\/40, .bg-emerald-100\/50, .bg-emerald-100\/60, .bg-emerald-100\/70, .bg-emerald-100\/80, .bg-emerald-100\/90) { background-color: rgba(12, 52, 46, 0.9) !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.border-emerald-100, .border-emerald-200, .border-emerald-300) { border-color: rgba(16, 185, 129, 0.45) !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.hover\:bg-emerald-50:hover, .hover\:bg-emerald-100:hover) { background-color: rgba(13, 69, 56, 0.92) !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.text-green-500, .text-green-600, .text-green-700, .text-green-800, .text-green-900, .hover\:text-green-600:hover, .hover\:text-green-700:hover, .hover\:text-green-800:hover) { color: #86efac !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.bg-green-50, .bg-green-50\/30, .bg-green-50\/40, .bg-green-50\/50, .bg-green-50\/60, .bg-green-50\/70, .bg-green-50\/80, .bg-green-50\/90, .bg-green-100, .bg-green-100\/30, .bg-green-100\/40, .bg-green-100\/50, .bg-green-100\/60, .bg-green-100\/70, .bg-green-100\/80, .bg-green-100\/90) { background-color: rgba(16, 54, 38, 0.9) !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.border-green-100, .border-green-200, .border-green-300) { border-color: rgba(34, 197, 94, 0.45) !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.hover\:bg-green-50:hover, .hover\:bg-green-100:hover) { background-color: rgba(18, 73, 45, 0.92) !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.text-red-500, .text-red-600, .text-red-700, .text-red-800, .text-red-900, .hover\:text-red-600:hover, .hover\:text-red-700:hover, .hover\:text-red-800:hover) { color: #fca5a5 !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.bg-red-50, .bg-red-50\/30, .bg-red-50\/40, .bg-red-50\/50, .bg-red-50\/60, .bg-red-50\/70, .bg-red-50\/80, .bg-red-50\/90, .bg-red-100, .bg-red-100\/30, .bg-red-100\/40, .bg-red-100\/50, .bg-red-100\/60, .bg-red-100\/70, .bg-red-100\/80, .bg-red-100\/90) { background-color: rgba(61, 26, 32, 0.9) !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.border-red-100, .border-red-200, .border-red-300) { border-color: rgba(239, 68, 68, 0.45) !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.hover\:bg-red-50:hover, .hover\:bg-red-100:hover) { background-color: rgba(84, 31, 37, 0.92) !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.text-rose-500, .text-rose-600, .text-rose-700, .text-rose-800, .text-rose-900, .hover\:text-rose-600:hover, .hover\:text-rose-700:hover, .hover\:text-rose-800:hover) { color: #fda4af !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.bg-rose-50, .bg-rose-50\/30, .bg-rose-50\/40, .bg-rose-50\/50, .bg-rose-50\/60, .bg-rose-50\/70, .bg-rose-50\/80, .bg-rose-50\/90, .bg-rose-100, .bg-rose-100\/30, .bg-rose-100\/40, .bg-rose-100\/50, .bg-rose-100\/60, .bg-rose-100\/70, .bg-rose-100\/80, .bg-rose-100\/90) { background-color: rgba(62, 25, 38, 0.9) !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.border-rose-100, .border-rose-200, .border-rose-300) { border-color: rgba(244, 63, 94, 0.45) !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.hover\:bg-rose-50:hover, .hover\:bg-rose-100:hover) { background-color: rgba(86, 30, 45, 0.92) !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.text-amber-500, .text-amber-600, .text-amber-700, .text-amber-800, .text-amber-900, .hover\:text-amber-600:hover, .hover\:text-amber-700:hover, .hover\:text-amber-800:hover) { color: #fcd34d !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.bg-amber-50, .bg-amber-50\/30, .bg-amber-50\/40, .bg-amber-50\/50, .bg-amber-50\/60, .bg-amber-50\/70, .bg-amber-50\/80, .bg-amber-50\/90, .bg-amber-100, .bg-amber-100\/30, .bg-amber-100\/40, .bg-amber-100\/50, .bg-amber-100\/60, .bg-amber-100\/70, .bg-amber-100\/80, .bg-amber-100\/90) { background-color: rgba(62, 46, 20, 0.9) !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.border-amber-100, .border-amber-200, .border-amber-300) { border-color: rgba(245, 158, 11, 0.45) !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.hover\:bg-amber-50:hover, .hover\:bg-amber-100:hover) { background-color: rgba(86, 60, 18, 0.92) !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.text-violet-500, .text-violet-600, .text-violet-700, .text-violet-800, .text-violet-900, .hover\:text-violet-600:hover, .hover\:text-violet-700:hover, .hover\:text-violet-800:hover) { color: #c4b5fd !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.bg-violet-50, .bg-violet-50\/30, .bg-violet-50\/40, .bg-violet-50\/50, .bg-violet-50\/60, .bg-violet-50\/70, .bg-violet-50\/80, .bg-violet-50\/90, .bg-violet-100, .bg-violet-100\/30, .bg-violet-100\/40, .bg-violet-100\/50, .bg-violet-100\/60, .bg-violet-100\/70, .bg-violet-100\/80, .bg-violet-100\/90) { background-color: rgba(39, 31, 71, 0.9) !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.border-violet-100, .border-violet-200, .border-violet-300) { border-color: rgba(139, 92, 246, 0.45) !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.hover\:bg-violet-50:hover, .hover\:bg-violet-100:hover) { background-color: rgba(52, 39, 94, 0.92) !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.text-orange-500, .text-orange-600, .text-orange-700, .text-orange-800, .text-orange-900, .hover\:text-orange-600:hover, .hover\:text-orange-700:hover, .hover\:text-orange-800:hover) { color: #fdba74 !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.bg-orange-50, .bg-orange-50\/30, .bg-orange-50\/40, .bg-orange-50\/50, .bg-orange-50\/60, .bg-orange-50\/70, .bg-orange-50\/80, .bg-orange-50\/90, .bg-orange-100, .bg-orange-100\/30, .bg-orange-100\/40, .bg-orange-100\/50, .bg-orange-100\/60, .bg-orange-100\/70, .bg-orange-100\/80, .bg-orange-100\/90) { background-color: rgba(63, 36, 22, 0.9) !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.border-orange-100, .border-orange-200, .border-orange-300) { border-color: rgba(249, 115, 22, 0.45) !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.hover\:bg-orange-50:hover, .hover\:bg-orange-100:hover) { background-color: rgba(87, 46, 22, 0.92) !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.text-cyan-500, .text-cyan-600, .text-cyan-700, .text-cyan-800, .text-cyan-900, .hover\:text-cyan-600:hover, .hover\:text-cyan-700:hover, .hover\:text-cyan-800:hover) { color: #67e8f9 !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.bg-cyan-50, .bg-cyan-50\/30, .bg-cyan-50\/40, .bg-cyan-50\/50, .bg-cyan-50\/60, .bg-cyan-50\/70, .bg-cyan-50\/80, .bg-cyan-50\/90, .bg-cyan-100, .bg-cyan-100\/30, .bg-cyan-100\/40, .bg-cyan-100\/50, .bg-cyan-100\/60, .bg-cyan-100\/70, .bg-cyan-100\/80, .bg-cyan-100\/90) { background-color: rgba(10, 51, 64, 0.9) !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.border-cyan-100, .border-cyan-200, .border-cyan-300) { border-color: rgba(6, 182, 212, 0.45) !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.hover\:bg-cyan-50:hover, .hover\:bg-cyan-100:hover) { background-color: rgba(9, 68, 83, 0.92) !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.text-purple-500, .text-purple-600, .text-purple-700, .text-purple-800, .text-purple-900, .hover\:text-purple-600:hover, .hover\:text-purple-700:hover, .hover\:text-purple-800:hover) { color: #d8b4fe !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.bg-purple-50, .bg-purple-50\/30, .bg-purple-50\/40, .bg-purple-50\/50, .bg-purple-50\/60, .bg-purple-50\/70, .bg-purple-50\/80, .bg-purple-50\/90, .bg-purple-100, .bg-purple-100\/30, .bg-purple-100\/40, .bg-purple-100\/50, .bg-purple-100\/60, .bg-purple-100\/70, .bg-purple-100\/80, .bg-purple-100\/90) { background-color: rgba(46, 30, 72, 0.9) !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.border-purple-100, .border-purple-200, .border-purple-300) { border-color: rgba(168, 85, 247, 0.45) !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.hover\:bg-purple-50:hover, .hover\:bg-purple-100:hover) { background-color: rgba(61, 37, 94, 0.92) !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.text-yellow-500, .text-yellow-600, .text-yellow-700, .text-yellow-800, .text-yellow-900, .hover\:text-yellow-600:hover, .hover\:text-yellow-700:hover, .hover\:text-yellow-800:hover) { color: #fde047 !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.bg-yellow-50, .bg-yellow-50\/30, .bg-yellow-50\/40, .bg-yellow-50\/50, .bg-yellow-50\/60, .bg-yellow-50\/70, .bg-yellow-50\/80, .bg-yellow-50\/90, .bg-yellow-100, .bg-yellow-100\/30, .bg-yellow-100\/40, .bg-yellow-100\/50, .bg-yellow-100\/60, .bg-yellow-100\/70, .bg-yellow-100\/80, .bg-yellow-100\/90) { background-color: rgba(60, 50, 19, 0.9) !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.border-yellow-100, .border-yellow-200, .border-yellow-300) { border-color: rgba(234, 179, 8, 0.45) !important; }
:is(body[data-atmosphere="fighter"], body[data-atmosphere="temporal"]:not([data-temporal-mode="light"])) :is(.hover\:bg-yellow-50:hover, .hover\:bg-yellow-100:hover) { background-color: rgba(82, 67, 18, 0.92) !important; }

/* ── High Contrast extras: unambiguous edges and focus ── */
body[data-atmosphere="contrast"] {
  --tx-focus: #1e40af;
}

body[data-atmosphere="contrast"] :focus-visible {
  outline: 3px solid var(--tx-focus, #1e40af) !important;
  outline-offset: 2px !important;
}

body[data-atmosphere="contrast"] [class*="border"] {
  border-color: rgba(0, 0, 0, 0.85) !important;
}