/* Bold alternatives use the same semantic tokens as the shared workspace. */

/* Ember: orange and rust against warm charcoal, with a cool output panel. */
:root[data-palette="ember"] {
  --bg: #17110f;
  --surface: #2b211e;
  --surface-raised: #4a3026;
  --input: #201613;
  --ink: #fff3e8;
  --muted: #dfc9b9;
  --subtle: #ceb9aa;
  --line: #785340;
  --accent: #ffb077;
  --accent-ink: #34190c;
  --accent-tint: #522e1c;
  --blue: #e6c08e;
  --amber: #ffb7a8;
  --heading-surface: #552d1f;
  --form-surface: #292521;
  --output-surface: #171e24;
  --hero-surface: #452017;
  --tile-word: #41261a;
  --tile-subnet: #23333a;
  --tile-key: #482a26;
  --purple: var(--accent);
  --orange: var(--amber);
  --scrim: #140905cc;
}
:root[data-palette="ember"][data-theme="light"] {
  --bg: #f8eee5;
  --surface: #fff9f3;
  --surface-raised: #f2d8c5;
  --input: #fffdf9;
  --ink: #3a2419;
  --muted: #684431;
  --subtle: #765039;
  --line: #d5ab91;
  --accent: #943b17;
  --accent-ink: #ffffff;
  --accent-tint: #f5d3bc;
  --blue: #655024;
  --amber: #a43528;
  --heading-surface: #f5ccb2;
  --form-surface: #fff9f0;
  --output-surface: #dee9ee;
  --hero-surface: #f9dfc6;
  --tile-word: #f4d6bf;
  --tile-subnet: #deeaee;
  --tile-key: #f5d3cc;
  --purple: var(--accent);
  --orange: var(--amber);
  --scrim: #30201999;
}
.swatch-ember {
  background: linear-gradient(
    135deg,
    #ffb077 0 38%,
    #552d1f 38% 72%,
    #23333a 72%
  );
}

/* Lagoon: saturated teal and turquoise, marine blue, and coral accents. */
:root[data-palette="lagoon"] {
  --bg: #051b20;
  --surface: #10323a;
  --surface-raised: #1b4650;
  --input: #09272e;
  --ink: #edfffc;
  --muted: #c0e4e1;
  --subtle: #afd2d2;
  --line: #367580;
  --accent: #53e0d5;
  --accent-ink: #072b2b;
  --accent-tint: #124d50;
  --blue: #9cdde9;
  --amber: #ffb7a4;
  --heading-surface: #104c52;
  --form-surface: #112c35;
  --output-surface: #071c29;
  --hero-surface: #14413f;
  --tile-word: #0f4146;
  --tile-subnet: #18374d;
  --tile-key: #443333;
  --purple: var(--accent);
  --orange: var(--amber);
  --scrim: #02171dcc;
}
:root[data-palette="lagoon"][data-theme="light"] {
  --bg: #e5f5f1;
  --surface: #f7fffd;
  --surface-raised: #cce9e4;
  --input: #fcfffe;
  --ink: #123a3d;
  --muted: #315e63;
  --subtle: #41666a;
  --line: #98c8c2;
  --accent: #006b65;
  --accent-ink: #ffffff;
  --accent-tint: #c8ece5;
  --blue: #135e7d;
  --amber: #a53b2c;
  --heading-surface: #bfe5df;
  --form-surface: #f4fcf9;
  --output-surface: #deedf6;
  --hero-surface: #d0eeea;
  --tile-word: #ccebe4;
  --tile-subnet: #d7eaf4;
  --tile-key: #f8ddd4;
  --purple: var(--accent);
  --orange: var(--amber);
  --scrim: #092e3699;
}
.swatch-lagoon {
  background: linear-gradient(
    135deg,
    #53e0d5 0 38%,
    #104c52 38% 72%,
    #ffb7a4 72%
  );
}

/* Forest: pine and moss surfaces, mint detail, and warm gold. */
:root[data-palette="forest"] {
  --bg: #101b13;
  --surface: #203527;
  --surface-raised: #314934;
  --input: #17271d;
  --ink: #f3fae9;
  --muted: #d3dfc4;
  --subtle: #bdcdb8;
  --line: #596f47;
  --accent: #b5dc6f;
  --accent-ink: #233013;
  --accent-tint: #3d4b27;
  --blue: #9ed5b4;
  --amber: #f0d07e;
  --heading-surface: #315027;
  --form-surface: #24352b;
  --output-surface: #111f25;
  --hero-surface: #3d3d23;
  --tile-word: #35462a;
  --tile-subnet: #213d36;
  --tile-key: #493f21;
  --purple: var(--accent);
  --orange: var(--amber);
  --scrim: #061209cc;
}
:root[data-palette="forest"][data-theme="light"] {
  --bg: #eef3e3;
  --surface: #fcfff4;
  --surface-raised: #dbe7c6;
  --input: #fffffa;
  --ink: #253622;
  --muted: #485b37;
  --subtle: #566446;
  --line: #b2c599;
  --accent: #4b6b20;
  --accent-ink: #ffffff;
  --accent-tint: #deebc6;
  --blue: #266044;
  --amber: #80571b;
  --heading-surface: #d5e3bd;
  --form-surface: #f5f8ec;
  --output-surface: #e6f0eb;
  --hero-surface: #ede8c9;
  --tile-word: #dce8c9;
  --tile-subnet: #d4e8df;
  --tile-key: #efe2b8;
  --purple: var(--accent);
  --orange: var(--amber);
  --scrim: #1c2c1799;
}
.swatch-forest {
  background: linear-gradient(
    135deg,
    #b5dc6f 0 38%,
    #315027 38% 72%,
    #f0d07e 72%
  );
}

/* Sunrise: navy work surfaces, sunflower yellow, and apricot warmth. */
:root[data-palette="sunrise"] {
  --bg: #101a2c;
  --surface: #1f304c;
  --surface-raised: #35415b;
  --input: #14233a;
  --ink: #fff8e8;
  --muted: #d4d8e3;
  --subtle: #c0ccdc;
  --line: #59687e;
  --accent: #ffe083;
  --accent-ink: #30260a;
  --accent-tint: #49452b;
  --blue: #aacfff;
  --amber: #ffb78e;
  --heading-surface: #243e63;
  --form-surface: #24364e;
  --output-surface: #121c2b;
  --hero-surface: #494127;
  --tile-word: #45442e;
  --tile-subnet: #233e60;
  --tile-key: #483329;
  --purple: var(--accent);
  --orange: var(--amber);
  --scrim: #071123cc;
}
:root[data-palette="sunrise"][data-theme="light"] {
  --bg: #fff7de;
  --surface: #fffdf4;
  --surface-raised: #f6e4b4;
  --input: #fffefb;
  --ink: #1d3350;
  --muted: #4d5a68;
  --subtle: #5b626b;
  --line: #d2be8c;
  --accent: #796000;
  --accent-ink: #ffffff;
  --accent-tint: #f8e8b8;
  --blue: #285b93;
  --amber: #934a23;
  --heading-surface: #f7e3ab;
  --form-surface: #fff9e7;
  --output-surface: #e8eef7;
  --hero-surface: #dce8f5;
  --tile-word: #f6e6b4;
  --tile-subnet: #dce9f8;
  --tile-key: #f8dcca;
  --purple: var(--accent);
  --orange: var(--amber);
  --scrim: #16283e99;
}
.swatch-sunrise {
  background: linear-gradient(
    135deg,
    #ffe083 0 38%,
    #243e63 38% 72%,
    #ffb78e 72%
  );
}

/* Rose: wine and rose panels balanced with cool ink and blush. */
:root[data-palette="rose"] {
  --bg: #23101c;
  --surface: #3a2032;
  --surface-raised: #542b45;
  --input: #2c1827;
  --ink: #fff0f6;
  --muted: #e8c8d8;
  --subtle: #d5bdcb;
  --line: #85526d;
  --accent: #ffb0d3;
  --accent-ink: #391b2c;
  --accent-tint: #642b49;
  --blue: #d9bfff;
  --amber: #ffc8b3;
  --heading-surface: #592740;
  --form-surface: #342332;
  --output-surface: #1e202f;
  --hero-surface: #432139;
  --tile-word: #4a263d;
  --tile-subnet: #2c314a;
  --tile-key: #4a302f;
  --purple: var(--accent);
  --orange: var(--amber);
  --scrim: #21091acc;
}
:root[data-palette="rose"][data-theme="light"] {
  --bg: #fbecf2;
  --surface: #fff9fc;
  --surface-raised: #f3d9e5;
  --input: #fffdfd;
  --ink: #482239;
  --muted: #6f425f;
  --subtle: #795168;
  --line: #d6a9bd;
  --accent: #a52e61;
  --accent-ink: #ffffff;
  --accent-tint: #f5d1e2;
  --blue: #664d98;
  --amber: #95432e;
  --heading-surface: #f5cedf;
  --form-surface: #fff4f8;
  --output-surface: #f0ecf8;
  --hero-surface: #f7ddd6;
  --tile-word: #f1d4e3;
  --tile-subnet: #e6e0f5;
  --tile-key: #f3ddd3;
  --purple: var(--accent);
  --orange: var(--amber);
  --scrim: #39152b99;
}
.swatch-rose {
  background: linear-gradient(
    135deg,
    #ffb0d3 0 38%,
    #592740 38% 72%,
    #ffc8b3 72%
  );
}

/* Cobalt: royal blue panels, ice-blue text, and bright yellow accents. */
:root[data-palette="cobalt"] {
  --bg: #081330;
  --surface: #102957;
  --surface-raised: #223e6d;
  --input: #0b1e43;
  --ink: #f2f7ff;
  --muted: #c5d6f5;
  --subtle: #b8c9e7;
  --line: #486caa;
  --accent: #90baff;
  --accent-ink: #102140;
  --accent-tint: #1d447e;
  --blue: #b0ddff;
  --amber: #ffe080;
  --heading-surface: #163c78;
  --form-surface: #142b53;
  --output-surface: #071833;
  --hero-surface: #18356a;
  --tile-word: #234378;
  --tile-subnet: #123b59;
  --tile-key: #464025;
  --purple: var(--accent);
  --orange: var(--amber);
  --scrim: #020b23cc;
}
:root[data-palette="cobalt"][data-theme="light"] {
  --bg: #eaf0ff;
  --surface: #fbfdff;
  --surface-raised: #d8e3fc;
  --input: #ffffff;
  --ink: #132951;
  --muted: #354f79;
  --subtle: #466089;
  --line: #b2c5e8;
  --accent: #204ec5;
  --accent-ink: #ffffff;
  --accent-tint: #d8e4ff;
  --blue: #185c8e;
  --amber: #755600;
  --heading-surface: #d2dffb;
  --form-surface: #f5f8ff;
  --output-surface: #e7f2fb;
  --hero-surface: #dbe6ff;
  --tile-word: #d4e1ff;
  --tile-subnet: #d9edf9;
  --tile-key: #fbebbb;
  --purple: var(--accent);
  --orange: var(--amber);
  --scrim: #071f5099;
}
.swatch-cobalt {
  background: linear-gradient(
    135deg,
    #90baff 0 38%,
    #163c78 38% 72%,
    #ffe080 72%
  );
}

/* Terminal: phosphor green on near-black, with separate green and olive panels. */
:root[data-palette="terminal"] {
  --bg: #080c09;
  --surface: #152019;
  --surface-raised: #26392b;
  --input: #0a130d;
  --ink: #eef8e9;
  --muted: #cee0c5;
  --subtle: #b5cbb0;
  --line: #507146;
  --accent: #b5f079;
  --accent-ink: #14270b;
  --accent-tint: #2d4823;
  --blue: #9ee8bc;
  --amber: #e4e9a0;
  --heading-surface: #223c23;
  --form-surface: #19281b;
  --output-surface: #080e0b;
  --hero-surface: #132c1a;
  --tile-word: #294125;
  --tile-subnet: #153830;
  --tile-key: #333921;
  --purple: var(--accent);
  --orange: var(--amber);
  --scrim: #020803dd;
}
:root[data-palette="terminal"][data-theme="light"] {
  --bg: #eef7e8;
  --surface: #fcfff8;
  --surface-raised: #dceecf;
  --input: #ffffff;
  --ink: #182a13;
  --muted: #385530;
  --subtle: #4e6545;
  --line: #abc997;
  --accent: #366614;
  --accent-ink: #ffffff;
  --accent-tint: #d9eec6;
  --blue: #175c3c;
  --amber: #626312;
  --heading-surface: #d5edbf;
  --form-surface: #f5fdec;
  --output-surface: #e7f2e2;
  --hero-surface: #dff2d1;
  --tile-word: #d8ecc8;
  --tile-subnet: #d5e9db;
  --tile-key: #e7ecc7;
  --purple: var(--accent);
  --orange: var(--amber);
  --scrim: #102a0c99;
}
.swatch-terminal {
  background: linear-gradient(
    135deg,
    #b5f079 0 38%,
    #080e0b 38% 72%,
    #153830 72%
  );
}

/* Mono: crisp black, white, and neutral gray with no hue tint. */
:root[data-palette="mono"] {
  --bg: #080808;
  --surface: #1c1c1c;
  --surface-raised: #333333;
  --input: #101010;
  --ink: #f7f7f7;
  --muted: #d0d0d0;
  --subtle: #bcbcbc;
  --line: #545454;
  --accent: #f4f4f4;
  --accent-ink: #121212;
  --accent-tint: #343434;
  --blue: #dddddd;
  --amber: #c8c8c8;
  --heading-surface: #292929;
  --form-surface: #202020;
  --output-surface: #101010;
  --hero-surface: #242424;
  --tile-word: #363636;
  --tile-subnet: #252525;
  --tile-key: #171717;
  --purple: var(--accent);
  --orange: var(--amber);
  --scrim: #000000cc;
}
:root[data-palette="mono"][data-theme="light"] {
  --bg: #ebebeb;
  --surface: #ffffff;
  --surface-raised: #dfdfdf;
  --input: #fafafa;
  --ink: #171717;
  --muted: #454545;
  --subtle: #5d5d5d;
  --line: #bdbdbd;
  --accent: #202020;
  --accent-ink: #ffffff;
  --accent-tint: #dcdcdc;
  --blue: #444444;
  --amber: #555555;
  --heading-surface: #d8d8d8;
  --form-surface: #fafafa;
  --output-surface: #e8e8e8;
  --hero-surface: #dedede;
  --tile-word: #e1e1e1;
  --tile-subnet: #eeeeee;
  --tile-key: #eeeeee;
  --purple: var(--accent);
  --orange: var(--amber);
  --scrim: #00000099;
}
.swatch-mono {
  background: linear-gradient(
    135deg,
    #f4f4f4 0 38%,
    #333333 38% 72%,
    #080808 72%
  );
}