/* Shared palettes for version A and brand/system.
   Color tokens only. Skin chrome, type, and radius stay on data-ds.
   data-palette="skin" (or missing) inherits the active skin. */
html[data-palette="desk"] {
  --ds-bg: #f4f3ef;
  --ds-surface: #ffffff;
  --ds-surface-sunk: #e9ebe8;
  --ds-ink: #161918;
  --ds-ink-soft: #454c49;
  --ds-ink-faint: #626a66;
  --ds-line: #dddfe0;
  --ds-line-strong: #c2c8c4;
  --ds-accent: #0b6b6f;
  --ds-accent-ink: #ffffff;
  --ds-accent-soft: #dceeee;
  --ds-placeholder: #aeb4b0;
  --ds-on-ink: #f4f3ef;
  --ds-on-ink-soft: #b0b7b4;
  --ds-on-ink-line: #2a312f;
  --ds-color-scheme: light;
}

html[data-palette="comet"] {
  --ds-bg: #f4efe4;
  --ds-surface: #fbf7ef;
  --ds-surface-sunk: #e6ddcc;
  --ds-ink: #1a140e;
  --ds-ink-soft: #4d4438;
  --ds-ink-faint: #6d6255;
  --ds-line: #d8ccb6;
  --ds-line-strong: #c2b196;
  --ds-accent: #b82f00;
  --ds-accent-ink: #fffaf3;
  --ds-accent-soft: #fde4d6;
  --ds-placeholder: #b6aa96;
  --ds-on-ink: #f4efe4;
  --ds-on-ink-soft: #b7ad9d;
  --ds-on-ink-line: #2c261e;
  --ds-color-scheme: light;
}

html[data-palette="press"] {
  --ds-bg: #0b0a09;
  --ds-surface: #161411;
  --ds-surface-sunk: #100e0c;
  --ds-ink: #efe6d6;
  --ds-ink-soft: #b8ae9c;
  --ds-ink-faint: #888073;
  --ds-line: #2c2822;
  --ds-line-strong: #413c34;
  --ds-accent: #e23d28;
  --ds-accent-ink: #fff7f5;
  --ds-accent-soft: #2c1210;
  --ds-placeholder: #5d564c;
  --ds-on-ink: #0b0a09;
  --ds-on-ink-soft: #4c463d;
  --ds-on-ink-line: #d6ccbc;
  --ds-color-scheme: dark;
}

html[data-palette="contra"] {
  --ds-bg: #fbfaf6;
  --ds-surface: #fffef8;
  --ds-surface-sunk: #c8e1dd;
  --ds-ink: #2b2b29;
  --ds-ink-soft: #494444;
  --ds-ink-faint: #736d68;
  --ds-line: #e4e2d9;
  --ds-line-strong: #c8bcae;
  --ds-accent: #0000ee;
  --ds-accent-ink: #fffef8;
  --ds-accent-soft: #d7ebe8;
  --ds-placeholder: #a59079;
  --ds-on-ink: #fbfaf6;
  --ds-on-ink-soft: #9bb8b4;
  --ds-on-ink-line: #102129;
  --ds-color-scheme: light;
}

html[data-palette="lassie"] {
  --ds-bg: #f9f8f5;
  --ds-surface: #ffffff;
  --ds-surface-sunk: #efece4;
  --ds-ink: #1a1613;
  --ds-ink-soft: #5c5852;
  --ds-ink-faint: #706c67;
  --ds-line: #e3ddcf;
  --ds-line-strong: #d4ccba;
  --ds-accent: #120c08;
  --ds-accent-ink: #f9f8f5;
  --ds-accent-soft: #c3eaf4;
  --ds-placeholder: #b9b3a6;
  --ds-on-ink: #f9f8f5;
  --ds-on-ink-soft: #c3c0b8;
  --ds-on-ink-line: #3a342e;
  --ds-color-scheme: light;
}

html[data-palette="gradient"] {
  --ds-bg: #ffffff;
  --ds-surface: #f3f3f3;
  --ds-surface-sunk: #e9f8fc;
  --ds-ink: #0a0f19;
  --ds-ink-soft: #1a2740;
  --ds-ink-faint: #616c7b;
  --ds-line: #e2e8f0;
  --ds-line-strong: #bfc8dc;
  --ds-accent: #0e4b5b;
  --ds-accent-ink: #e8ff3a;
  --ds-accent-soft: #97deed;
  --ds-placeholder: #bfc8dc;
  --ds-on-ink: #e8ff3a;
  --ds-on-ink-soft: #7adeed;
  --ds-on-ink-line: #1d96b6;
  --ds-color-scheme: light;
}

/* Zeroz / Otsuka — chlorophyll on night, one green, no extras. */
html[data-palette="zeroz"] {
  --ds-bg: #06110b;
  --ds-surface: #0c1a12;
  --ds-surface-sunk: #102418;
  --ds-ink: #eef8f1;
  --ds-ink-soft: #b7d4c0;
  --ds-ink-faint: #6f8f79;
  --ds-line: #1a3324;
  --ds-line-strong: #2a4b35;
  --ds-accent: #00aa54;
  --ds-accent-ink: #041209;
  --ds-accent-soft: #0d2a1a;
  --ds-placeholder: #3d5a46;
  --ds-on-ink: #041209;
  --ds-on-ink-soft: #3d5a46;
  --ds-on-ink-line: #c8ecd6;
  --ds-color-scheme: dark;
}

/* Rox — warm newsprint, stone ink, one volt-blue CTA. */
html[data-palette="rox"] {
  --ds-bg: #ececea;
  --ds-surface: #f5f5f4;
  --ds-surface-sunk: #fafaf9;
  --ds-ink: #0c0a09;
  --ds-ink-soft: #44403b;
  --ds-ink-faint: #6d6863;
  --ds-line: #d4d2d1;
  --ds-line-strong: #a6a09b;
  --ds-accent: #095ccf;
  --ds-accent-ink: #ffffff;
  --ds-accent-soft: #e1e2ee;
  --ds-placeholder: #a6a09b;
  --ds-on-ink: #ececea;
  --ds-on-ink-soft: #a6a09b;
  --ds-on-ink-line: #292524;
  --ds-color-scheme: light;
}

/* Twingate — void, chartreuse signal, violet punctuation. */
html[data-palette="twingate"] {
  --ds-bg: #0e0f11;
  --ds-surface: #141617;
  --ds-surface-sunk: #1d2023;
  --ds-ink: #ffffff;
  --ds-ink-soft: #cfcfd3;
  --ds-ink-faint: #8d8d96;
  --ds-line: #303438;
  --ds-line-strong: #3a3d40;
  --ds-accent: #eef35f;
  --ds-accent-ink: #000000;
  --ds-accent-soft: #21223a;
  --ds-placeholder: #61626b;
  --ds-on-ink: #000000;
  --ds-on-ink-soft: #61626b;
  --ds-on-ink-line: #b6abff;
  --ds-color-scheme: dark;
}

/* Sage Brief - calm editorial green with warm paper surfaces. */
html[data-palette="sage"] {
  --ds-bg: #edf3eb;
  --ds-surface: #f9fcf7;
  --ds-surface-sunk: #dfeade;
  --ds-ink: #152019;
  --ds-ink-soft: #435348;
  --ds-ink-faint: #5d6c62;
  --ds-line: #d0ddd1;
  --ds-line-strong: #adbfaf;
  --ds-accent: #236344;
  --ds-accent-ink: #ffffff;
  --ds-accent-soft: #cfe5d5;
  --ds-placeholder: #96a69a;
  --ds-on-ink: #f4f9f3;
  --ds-on-ink-soft: #b8c9bb;
  --ds-on-ink-line: #33473a;
  --ds-color-scheme: light;
}

/* Mint Ledger - fresh, clean and slightly cooler than Sage Brief. */
html[data-palette="mint"] {
  --ds-bg: #e9f6f0;
  --ds-surface: #f8fffb;
  --ds-surface-sunk: #d6ece2;
  --ds-ink: #10231c;
  --ds-ink-soft: #3d5b50;
  --ds-ink-faint: #58746a;
  --ds-line: #c9e2d7;
  --ds-line-strong: #9fc5b5;
  --ds-accent: #096b59;
  --ds-accent-ink: #ffffff;
  --ds-accent-soft: #bfe8da;
  --ds-placeholder: #8bada0;
  --ds-on-ink: #f0fbf6;
  --ds-on-ink-soft: #afd0c2;
  --ds-on-ink-line: #285346;
  --ds-color-scheme: light;
}

/* Celadon - a quiet institutional green with stronger card separation. */
html[data-palette="celadon"] {
  --ds-bg: #e5efe7;
  --ds-surface: #f5faf5;
  --ds-surface-sunk: #cfdfd2;
  --ds-ink: #17251c;
  --ds-ink-soft: #46584b;
  --ds-ink-faint: #5d6c61;
  --ds-line: #c5d5c8;
  --ds-line-strong: #9fb5a4;
  --ds-accent: #315f40;
  --ds-accent-ink: #ffffff;
  --ds-accent-soft: #c2dac7;
  --ds-placeholder: #91a395;
  --ds-on-ink: #f2f8f3;
  --ds-on-ink-soft: #b5c8b8;
  --ds-on-ink-line: #364d3c;
  --ds-color-scheme: light;
}

/* Citron File - pale lime energy, grounded by forest ink. */
html[data-palette="citron"] {
  --ds-bg: #f0f5dc;
  --ds-surface: #fbfdef;
  --ds-surface-sunk: #e1e9bc;
  --ds-ink: #182016;
  --ds-ink-soft: #4b5942;
  --ds-ink-faint: #67725e;
  --ds-line: #d7dfb7;
  --ds-line-strong: #bac78e;
  --ds-accent: #315f2d;
  --ds-accent-ink: #ffffff;
  --ds-accent-soft: #d6e8a9;
  --ds-placeholder: #9da986;
  --ds-on-ink: #f7fae8;
  --ds-on-ink-soft: #c2cca9;
  --ds-on-ink-line: #40503a;
  --ds-color-scheme: light;
}

/* Glacier - cool newsroom blue with a restrained teal signal. */
html[data-palette="glacier"] {
  --ds-bg: #edf5f4;
  --ds-surface: #fbfefe;
  --ds-surface-sunk: #dbe9e8;
  --ds-ink: #132122;
  --ds-ink-soft: #405657;
  --ds-ink-faint: #5d7172;
  --ds-line: #cfdfdf;
  --ds-line-strong: #a9c3c3;
  --ds-accent: #1b6270;
  --ds-accent-ink: #ffffff;
  --ds-accent-soft: #cae6e8;
  --ds-placeholder: #93a8a9;
  --ds-on-ink: #f3fafa;
  --ds-on-ink-soft: #b5cccc;
  --ds-on-ink-line: #304c4f;
  --ds-color-scheme: light;
}

/* Orchid Wire - a professional violet counterpoint to the green studies. */
html[data-palette="orchid"] {
  --ds-bg: #f3eff8;
  --ds-surface: #fdfbff;
  --ds-surface-sunk: #e6deef;
  --ds-ink: #211b27;
  --ds-ink-soft: #564b60;
  --ds-ink-faint: #6c6075;
  --ds-line: #ded4e7;
  --ds-line-strong: #c1b0cf;
  --ds-accent: #674389;
  --ds-accent-ink: #ffffff;
  --ds-accent-soft: #e1cfee;
  --ds-placeholder: #a597af;
  --ds-on-ink: #faf6fd;
  --ds-on-ink-soft: #cabbd4;
  --ds-on-ink-line: #4a3b56;
  --ds-color-scheme: light;
}

/* Dark companions for every light palette. Shared night surfaces inherit the
   source palette's hue through --ds-night-hue and --ds-night-accent. */
html[data-palette$="-night"] {
  --ds-bg: color-mix(in srgb, var(--ds-night-hue) 7%, #090d0b);
  --ds-surface: color-mix(in srgb, var(--ds-night-hue) 11%, #101512);
  --ds-surface-sunk: color-mix(in srgb, var(--ds-night-hue) 15%, #151b17);
  --ds-ink: #f2f7f3;
  --ds-ink-soft: #c0cbc3;
  --ds-ink-faint: #87958c;
  --ds-line: color-mix(in srgb, var(--ds-night-hue) 24%, #202722);
  --ds-line-strong: color-mix(in srgb, var(--ds-night-hue) 38%, #2a332d);
  --ds-accent: var(--ds-night-accent);
  --ds-accent-ink: #07100b;
  --ds-accent-soft: color-mix(in srgb, var(--ds-night-accent) 18%, transparent);
  --ds-placeholder: #5e6c63;
  --ds-on-ink: #101512;
  --ds-on-ink-soft: #47554c;
  --ds-on-ink-line: #cad5cd;
  --ds-color-scheme: dark;
}

html[data-palette="desk-night"] { --ds-night-hue: #4da7a9; --ds-night-accent: #72d3d5; }
html[data-palette="sage-night"] { --ds-night-hue: #4e9168; --ds-night-accent: #83dca4; }
html[data-palette="mint-night"] { --ds-night-hue: #319b82; --ds-night-accent: #6ee3c4; }
html[data-palette="celadon-night"] { --ds-night-hue: #719b79; --ds-night-accent: #a4d5ad; }
html[data-palette="citron-night"] { --ds-night-hue: #8da34d; --ds-night-accent: #d1e775; }
html[data-palette="glacier-night"] { --ds-night-hue: #42899a; --ds-night-accent: #80d2e0; }
html[data-palette="orchid-night"] { --ds-night-hue: #8c62ad; --ds-night-accent: #cba8ec; }
html[data-palette="comet-night"] { --ds-night-hue: #b84f2c; --ds-night-accent: #ff956d; }
html[data-palette="contra-night"] { --ds-night-hue: #566dc4; --ds-night-accent: #9bafff; }
html[data-palette="lassie-night"] { --ds-night-hue: #3d92a4; --ds-night-accent: #8eddec; }
html[data-palette="gradient-night"] { --ds-night-hue: #238eaa; --ds-night-accent: #7ce4f0; }
html[data-palette="rox-night"] { --ds-night-hue: #376fc1; --ds-night-accent: #7eafff; }