/* ============================================================================
   FORT STYLE — the design system as a service (served by the fort-style worker)
   ONE file, ALL themes. A theme = a different set of values for the same tokens.
   Switch instantly with: document.documentElement.dataset.theme = 'noir'
   Default (no attribute) = Prism.
   ========================================================================== */

:root,
[data-theme="prism"] {
  --fort-page: radial-gradient(900px 600px at 12% -8%,#ffe1f6 0,transparent 60%),
               radial-gradient(900px 600px at 92% 4%,#ddeaff 0,transparent 60%), #fff6fc;
  --fort-bg:#fff6fc; --fort-surface:#ffffff; --fort-border:#f0e3fb;
  --fort-ink:#2c1450; --fort-soft:#5b3d86; --fort-faint:#8f78b5;
  --fort-accent:#ff48cf; --fort-accent-ink:#c20098; --fort-link:#9d4dff;
  --fort-rainbow:linear-gradient(90deg,#ff48cf,#ff7a45,#ffd23f,#aaff3c,#2fe3d8,#3d6dff,#9d4dff);
  --fort-shadow:0 10px 30px rgba(157,77,255,.18);
  --fort-shadow-hot:0 8px 24px rgba(255,72,207,.28);
}

/* Dark theme. */
[data-theme="noir"] {
  --fort-page: radial-gradient(circle at center,#1a100a 0%,#0b0705 55%,#000 100%);
  --fort-bg:#0a0705; --fort-surface:#1b120e; --fort-border:#32261e;
  --fort-ink:#f8e7c4; --fort-soft:#e6c48a; --fort-faint:#a98c63;
  --fort-accent:#d46a2e; --fort-accent-ink:#e6c48a; --fort-link:#e6c48a;
  --fort-rainbow:linear-gradient(90deg,#7a1f0f,#b22222,#d46a2e,#d4af37,#a8481b);
  --fort-shadow:0 10px 30px rgba(0,0,0,.6);
  --fort-shadow-hot:0 0 28px rgba(212,106,46,.4);
}

/* Clean neutral theme. */
[data-theme="classic"] {
  --fort-page:#faf9f5;
  --fort-bg:#faf9f5; --fort-surface:#ffffff; --fort-border:#e6e2d8;
  --fort-ink:#181818; --fort-soft:#3d3d3a; --fort-faint:#73706a;
  --fort-accent:#d97757; --fort-accent-ink:#b85a3c; --fort-link:#b85a3c;
  --fort-rainbow:linear-gradient(90deg,#d97757,#c2613f,#181818);
  --fort-shadow:0 10px 30px rgba(0,0,0,.10);
  --fort-shadow-hot:0 8px 24px rgba(217,119,87,.28);
}