/* ============================================================================
   Shared colour themes, version 2eaaf81d53.
   GENERATED by build.mjs from palette.mjs. Edit those and rebuild; copy this
   file into a product unchanged, so a stale copy is a one-line diff.

   Themes (html data-theme): auto, light, dark, classic, contrast.
   No attribute, or "auto", follows the device: light, or dark on a dark one.
   A product maps its own variables onto --theme-* once (see README.md).
   ========================================================================= */

:root,
:root[data-theme="light"] {
  color-scheme: light;
  --theme-canvas: #f5f6f8;
  --theme-surface: #ffffff;
  --theme-surface-2: #f0f2f5;
  --theme-surface-3: #e5e8ee;
  --theme-overlay: rgba(15, 20, 28, 0.45);
  --theme-line: #e2e5ea;
  --theme-line-strong: #cad0d9;
  --theme-field-line: #858fa0;
  --theme-text: #161d27;
  --theme-text-2: #465061;
  --theme-text-3: #5f6979;
  --theme-accent: #3d4fd6;
  --theme-accent-hover: #3040b8;
  --theme-accent-soft: #eceffd;
  --theme-accent-ink: #3343c2;
  --theme-on-accent: #ffffff;
  --theme-focus: #3d4fd6;
  --theme-success: #12703f;
  --theme-success-soft: #e4f2ea;
  --theme-warning: #8f5400;
  --theme-warning-soft: #fbf0dc;
  --theme-danger: #b42318;
  --theme-danger-soft: #fcebe9;
  --theme-info: #1d5bb8;
  --theme-info-soft: #e6eefa;
  --theme-pending: #6a3db3;
  --theme-pending-soft: #f1ebfa;
  --theme-neutral: #57616f;
  --theme-neutral-soft: #eceff3;
  --theme-on-status: #ffffff;
  --theme-shadow-1: 0 1px 2px rgba(16, 24, 40, 0.06);
  --theme-shadow-2: 0 6px 24px rgba(16, 24, 40, 0.12);
  --theme-chrome: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]),
  :root[data-theme="auto"] {
    color-scheme: dark;
    --theme-canvas: #0f1318;
    --theme-surface: #161b22;
    --theme-surface-2: #1c222b;
    --theme-surface-3: #252c37;
    --theme-overlay: rgba(0, 0, 0, 0.6);
    --theme-line: #2a313b;
    --theme-line-strong: #3a4350;
    --theme-field-line: #6a7586;
    --theme-text: #e8ecf1;
    --theme-text-2: #b4bdc9;
    --theme-text-3: #909bab;
    --theme-accent: #8b9bff;
    --theme-accent-hover: #a3b0ff;
    --theme-accent-soft: #232a4d;
    --theme-accent-ink: #a3b0ff;
    --theme-on-accent: #0f1318;
    --theme-focus: #a3b0ff;
    --theme-success: #5fd197;
    --theme-success-soft: #12301f;
    --theme-warning: #f2b65c;
    --theme-warning-soft: #33260f;
    --theme-danger: #ff8a80;
    --theme-danger-soft: #3a1714;
    --theme-info: #7fb2ff;
    --theme-info-soft: #14253d;
    --theme-pending: #c5a6ff;
    --theme-pending-soft: #2a1e40;
    --theme-neutral: #a0aab7;
    --theme-neutral-soft: #222831;
    --theme-on-status: #0f1318;
    --theme-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4);
    --theme-shadow-2: 0 8px 28px rgba(0, 0, 0, 0.5);
    --theme-chrome: #161b22;
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --theme-canvas: #0f1318;
  --theme-surface: #161b22;
  --theme-surface-2: #1c222b;
  --theme-surface-3: #252c37;
  --theme-overlay: rgba(0, 0, 0, 0.6);
  --theme-line: #2a313b;
  --theme-line-strong: #3a4350;
  --theme-field-line: #6a7586;
  --theme-text: #e8ecf1;
  --theme-text-2: #b4bdc9;
  --theme-text-3: #909bab;
  --theme-accent: #8b9bff;
  --theme-accent-hover: #a3b0ff;
  --theme-accent-soft: #232a4d;
  --theme-accent-ink: #a3b0ff;
  --theme-on-accent: #0f1318;
  --theme-focus: #a3b0ff;
  --theme-success: #5fd197;
  --theme-success-soft: #12301f;
  --theme-warning: #f2b65c;
  --theme-warning-soft: #33260f;
  --theme-danger: #ff8a80;
  --theme-danger-soft: #3a1714;
  --theme-info: #7fb2ff;
  --theme-info-soft: #14253d;
  --theme-pending: #c5a6ff;
  --theme-pending-soft: #2a1e40;
  --theme-neutral: #a0aab7;
  --theme-neutral-soft: #222831;
  --theme-on-status: #0f1318;
  --theme-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4);
  --theme-shadow-2: 0 8px 28px rgba(0, 0, 0, 0.5);
  --theme-chrome: #161b22;
}

:root[data-theme="classic"] {
  color-scheme: light;
  --theme-canvas: #f6f2ea;
  --theme-surface: #ffffff;
  --theme-surface-2: #faf7f1;
  --theme-surface-3: #efe9dd;
  --theme-overlay: rgba(13, 10, 5, 0.5);
  --theme-line: #e7e0d2;
  --theme-line-strong: #d1c8b6;
  --theme-field-line: #8f8777;
  --theme-text: #201b12;
  --theme-text-2: #433c2f;
  --theme-text-3: #625a4b;
  --theme-accent: #006469;
  --theme-accent-hover: #005255;
  --theme-accent-soft: #e0f0f0;
  --theme-accent-ink: #00595d;
  --theme-on-accent: #ffffff;
  --theme-focus: #006469;
  --theme-success: #106841;
  --theme-success-soft: #e1f0e6;
  --theme-warning: #7a4c00;
  --theme-warning-soft: #f7e8d2;
  --theme-danger: #953028;
  --theme-danger-soft: #fbe5e1;
  --theme-info: #295b86;
  --theme-info-soft: #e3edf6;
  --theme-pending: #5b4892;
  --theme-pending-soft: #ece8fa;
  --theme-neutral: #5c5547;
  --theme-neutral-soft: #efebe3;
  --theme-on-status: #ffffff;
  --theme-shadow-1: 0 1px 2px rgba(13, 10, 5, 0.06);
  --theme-shadow-2: 0 8px 24px rgba(13, 10, 5, 0.14);
  --theme-chrome: #ffffff;
}

:root[data-theme="contrast"] {
  color-scheme: light;
  --theme-canvas: #ffffff;
  --theme-surface: #ffffff;
  --theme-surface-2: #f0f0f0;
  --theme-surface-3: #e2e2e2;
  --theme-overlay: rgba(0, 0, 0, 0.65);
  --theme-line: #6e6e6e;
  --theme-line-strong: #1a1a1a;
  --theme-field-line: #1a1a1a;
  --theme-text: #000000;
  --theme-text-2: #1a1a1a;
  --theme-text-3: #333333;
  --theme-accent: #0037a3;
  --theme-accent-hover: #002a7d;
  --theme-accent-soft: #e4ebff;
  --theme-accent-ink: #00308f;
  --theme-on-accent: #ffffff;
  --theme-focus: #000000;
  --theme-success: #0a5a2c;
  --theme-success-soft: #e2f2e7;
  --theme-warning: #6b3a00;
  --theme-warning-soft: #fbecd6;
  --theme-danger: #990f0f;
  --theme-danger-soft: #fde5e5;
  --theme-info: #0b4594;
  --theme-info-soft: #e3ecfa;
  --theme-pending: #4a2391;
  --theme-pending-soft: #eee6fb;
  --theme-neutral: #333333;
  --theme-neutral-soft: #ebebeb;
  --theme-on-status: #ffffff;
  --theme-shadow-1: none;
  --theme-shadow-2: 0 0 0 2px #000000;
  --theme-chrome: #ffffff;
}

/* Swatch colours for a theme picker. The product styles .theme-swatch. */
.theme-swatch[data-for="light"] { --swatch-ground: #f5f6f8; --swatch-surface: #ffffff; --swatch-accent: #3d4fd6; --swatch-line: #cad0d9; }
.theme-swatch[data-for="dark"] { --swatch-ground: #0f1318; --swatch-surface: #161b22; --swatch-accent: #8b9bff; --swatch-line: #3a4350; }
.theme-swatch[data-for="classic"] { --swatch-ground: #f6f2ea; --swatch-surface: #ffffff; --swatch-accent: #006469; --swatch-line: #d1c8b6; }
.theme-swatch[data-for="contrast"] { --swatch-ground: #ffffff; --swatch-surface: #ffffff; --swatch-accent: #0037a3; --swatch-line: #1a1a1a; }
.theme-swatch[data-for="auto"] { --swatch-ground: #f5f6f8; --swatch-surface: #0f1318; --swatch-accent: #3d4fd6; --swatch-line: #cad0d9; }