:root {
  color-scheme: light dark;


  --lc-bg: #f5f6fb;
  --lc-panel: #ffffff;
  --lc-panel-2: #eef0f8;
  --lc-line: #d5d9ea;
  --lc-text: #161b33;
  --lc-text-strong: #05081a;
  --lc-muted: #4d5679;
  --lc-code-bg: #eef0f8;
  --lc-shadow: #161b3314;


  --lc-accent: #3447b3;
  --lc-accent-hover: #2a3a99;
  --lc-on-accent: #ffffff;
  --lc-btn-bg: #e6e9f7;
  --lc-btn-border: #aeb7de;
  --lc-btn-hover: #d6dcf5;
  --lc-hover: #e4e8f7;
  --lc-active: #d6dcf5;
  --lc-link: #2f43b8;
  --lc-focus: #2f43b8;


  --lc-warm: #b0500c;
  --lc-warm-2: #e07a2e;
  --lc-warm-soft: #fdebdc;
  --lc-glow: #e07a2e1f;


  --lc-tone-info-bg: #e1e8f6;
  --lc-tone-info-fg: #2b4a7a;
  --lc-tone-warn-bg: #fcefd9;
  --lc-tone-warn-fg: #7a4a06;
  --lc-tone-error-bg: #fbe1e7;
  --lc-tone-error-fg: #9a1c3c;


  --lc-line-soft: #e3e6f2;
  --lc-muted-2: #6a7396;
  --lc-th: #4f5b8c;
  --lc-nav-bg: #ffffffdb;
  --lc-input-border: #c3c9e2;
  --lc-btn-danger-border: #d07a93;
  --lc-btn-danger-fg: #a3244a;
  --lc-tone-ok-bg: #dcf5e6;
  --lc-tone-ok-fg: #14603a;
  --lc-tone-neutral-bg: #e7e9f1;
  --lc-tone-neutral-fg: #454d6b;
  --lc-tone-accent-bg: #ebe3fd;
  --lc-tone-accent-fg: #4b2a9e;
  --lc-verdict-pass: #1b7a45;
  --lc-verdict-fail: #b3203f;
  --lc-verdict-error: #8a5a00;
  --lc-delta-noise: #3a55b8;
  --lc-delta-unchanged: #5a6488;
  --lc-target-qa-bg: #f5b642;
  --lc-target-qa-fg: #241a03;
  --lc-target-prod-bg: #c42348;
  --lc-target-prod-fg: #ffffff;


  --lc-device-bg: #0d0f14;
  --lc-device-sheet: #3a3c45;
  --lc-device-btn: #2a2c34;
  --lc-device-text: #ffffff;
  --lc-device-muted: #c9ccd6;
  --lc-device-link: #5ec8f2;
  --lc-device-scrim: #000000b3;
  --lc-device-calm: #0f3337;


  --lc-dplus-bg-start: #012b2d;
  --lc-dplus-bg-mid: #050c17;
  --lc-dplus-gray-900: #17171b;
  --lc-dplus-gray-100: #dbdcde;
  --lc-dplus-white: #ffffff;
  --lc-dplus-black: #000000;
  --lc-dplus-white-10: #ffffff1a;
  --lc-dplus-white-16: #ffffff29;
  --lc-dplus-white-20: #ffffff33;
  --lc-dplus-white-30: #ffffff4d;
  --lc-dplus-text-strong: #ffffffe6;
  --lc-dplus-text-secondary: #a8aab2;
  --lc-dplus-surface-heavy: #1a1a1ae6;
  --lc-dplus-surface-half: #1a1a1a80;
  --lc-dplus-scrim-light: #00000080;
  --lc-dplus-scrim-default: #000000b3;
  --lc-dplus-scrim-strong: #000000cc;
  --lc-dplus-scrim-dim: #000000d1;
  --lc-dplus-scrim-deep: #000000e6;
  --lc-dplus-shadow: #00000040;
  --lc-dplus-btn-dark: #2d2f36;
  --lc-dplus-drag-handle: #31343e;
  --lc-dplus-action-primary: #12708a;
  --lc-dplus-link: #6fc8e8;
  --lc-dplus-art-ink: #474747;
  --lc-dplus-art-faint: #d9d9d9;
}

:root[data-theme="light"] { color-scheme: light; }

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --lc-bg: #0b0e1a;
    --lc-panel: #12172a;
    --lc-panel-2: #0e1224;
    --lc-line: #232a45;
    --lc-text: #e7ecff;
    --lc-text-strong: #ffffff;
    --lc-muted: #aab3d5;
    --lc-code-bg: #0b0d18;
    --lc-shadow: #00000066;

    --lc-accent: #4358c7;
    --lc-accent-hover: #5569d6;
    --lc-on-accent: #ffffff;
    --lc-btn-bg: #1a2140;
    --lc-btn-border: #3a4680;
    --lc-btn-hover: #26305c;
    --lc-hover: #1a2140;
    --lc-active: #26305c;
    --lc-link: #8ea2ff;
    --lc-focus: #8ea2ff;

    --lc-warm: #ffa25c;
    --lc-warm-2: #ff8a3d;
    --lc-warm-soft: #3a2412;
    --lc-glow: #ff8a3d17;

    --lc-tone-info-bg: #23324a;
    --lc-tone-info-fg: #9fb4d8;
    --lc-tone-warn-bg: #3a2a12;
    --lc-tone-warn-fg: #ffd9a8;
    --lc-tone-error-bg: #3a1620;
    --lc-tone-error-fg: #ffb3c4;

    --lc-line-soft: #1b2138;
    --lc-muted-2: #7a84a8;
    --lc-th: #8b96c2;
    --lc-nav-bg: #0e1224db;
    --lc-input-border: #2c3556;
    --lc-btn-danger-border: #6a2740;
    --lc-btn-danger-fg: #ff9db5;
    --lc-tone-ok-bg: #123322;
    --lc-tone-ok-fg: #a8f0c6;
    --lc-tone-neutral-bg: #2a2f45;
    --lc-tone-neutral-fg: #aab3d5;
    --lc-tone-accent-bg: #2a1e4d;
    --lc-tone-accent-fg: #cdb6ff;
    --lc-verdict-pass: #7cfc9b;
    --lc-verdict-fail: #ff9b9b;
    --lc-verdict-error: #ffd479;
    --lc-delta-noise: #9fb4ff;
    --lc-delta-unchanged: #8f9bbd;
    --lc-target-qa-bg: #f5b642;
    --lc-target-qa-fg: #241a03;
    --lc-target-prod-bg: #d6335a;
    --lc-target-prod-fg: #ffffff;


    --lc-device-bg: #0d0f14;
    --lc-device-sheet: #3a3c45;
    --lc-device-btn: #2a2c34;
    --lc-device-text: #ffffff;
    --lc-device-muted: #c9ccd6;
    --lc-device-link: #5ec8f2;
    --lc-device-scrim: #000000b3;
    --lc-device-calm: #0f3337;


    --lc-dplus-bg-start: #012b2d;
    --lc-dplus-bg-mid: #050c17;
    --lc-dplus-gray-900: #17171b;
    --lc-dplus-gray-100: #dbdcde;
    --lc-dplus-white: #ffffff;
    --lc-dplus-black: #000000;
    --lc-dplus-white-10: #ffffff1a;
    --lc-dplus-white-16: #ffffff29;
    --lc-dplus-white-20: #ffffff33;
    --lc-dplus-white-30: #ffffff4d;
    --lc-dplus-text-strong: #ffffffe6;
    --lc-dplus-text-secondary: #a8aab2;
    --lc-dplus-surface-heavy: #1a1a1ae6;
    --lc-dplus-surface-half: #1a1a1a80;
    --lc-dplus-scrim-light: #00000080;
    --lc-dplus-scrim-default: #000000b3;
    --lc-dplus-scrim-strong: #000000cc;
    --lc-dplus-scrim-dim: #000000d1;
    --lc-dplus-scrim-deep: #000000e6;
    --lc-dplus-shadow: #00000040;
    --lc-dplus-btn-dark: #2d2f36;
    --lc-dplus-drag-handle: #31343e;
    --lc-dplus-action-primary: #12708a;
    --lc-dplus-link: #6fc8e8;
    --lc-dplus-art-ink: #474747;
    --lc-dplus-art-faint: #d9d9d9;
  }
}


:root[data-theme="dark"] {
  color-scheme: dark;
  --lc-bg: #0b0e1a;
  --lc-panel: #12172a;
  --lc-panel-2: #0e1224;
  --lc-line: #232a45;
  --lc-text: #e7ecff;
  --lc-text-strong: #ffffff;
  --lc-muted: #aab3d5;
  --lc-code-bg: #0b0d18;
  --lc-shadow: #00000066;

  --lc-accent: #4358c7;
  --lc-accent-hover: #5569d6;
  --lc-on-accent: #ffffff;
  --lc-btn-bg: #1a2140;
  --lc-btn-border: #3a4680;
  --lc-btn-hover: #26305c;
  --lc-hover: #1a2140;
  --lc-active: #26305c;
  --lc-link: #8ea2ff;
  --lc-focus: #8ea2ff;

  --lc-warm: #ffa25c;
  --lc-warm-2: #ff8a3d;
  --lc-warm-soft: #3a2412;
  --lc-glow: #ff8a3d17;

  --lc-tone-info-bg: #23324a;
  --lc-tone-info-fg: #9fb4d8;
  --lc-tone-warn-bg: #3a2a12;
  --lc-tone-warn-fg: #ffd9a8;
  --lc-tone-error-bg: #3a1620;
  --lc-tone-error-fg: #ffb3c4;

  --lc-line-soft: #1b2138;
  --lc-muted-2: #7a84a8;
  --lc-th: #8b96c2;
  --lc-nav-bg: #0e1224db;
  --lc-input-border: #2c3556;
  --lc-btn-danger-border: #6a2740;
  --lc-btn-danger-fg: #ff9db5;
  --lc-tone-ok-bg: #123322;
  --lc-tone-ok-fg: #a8f0c6;
  --lc-tone-neutral-bg: #2a2f45;
  --lc-tone-neutral-fg: #aab3d5;
  --lc-tone-accent-bg: #2a1e4d;
  --lc-tone-accent-fg: #cdb6ff;
  --lc-verdict-pass: #7cfc9b;
  --lc-verdict-fail: #ff9b9b;
  --lc-verdict-error: #ffd479;
  --lc-delta-noise: #9fb4ff;
  --lc-delta-unchanged: #8f9bbd;
  --lc-target-qa-bg: #f5b642;
  --lc-target-qa-fg: #241a03;
  --lc-target-prod-bg: #d6335a;
  --lc-target-prod-fg: #ffffff;


  --lc-device-bg: #0d0f14;
  --lc-device-sheet: #3a3c45;
  --lc-device-btn: #2a2c34;
  --lc-device-text: #ffffff;
  --lc-device-muted: #c9ccd6;
  --lc-device-link: #5ec8f2;
  --lc-device-scrim: #000000b3;
  --lc-device-calm: #0f3337;


  --lc-dplus-bg-start: #012b2d;
  --lc-dplus-bg-mid: #050c17;
  --lc-dplus-gray-900: #17171b;
  --lc-dplus-gray-100: #dbdcde;
  --lc-dplus-white: #ffffff;
  --lc-dplus-black: #000000;
  --lc-dplus-white-10: #ffffff1a;
  --lc-dplus-white-16: #ffffff29;
  --lc-dplus-white-20: #ffffff33;
  --lc-dplus-white-30: #ffffff4d;
  --lc-dplus-text-strong: #ffffffe6;
  --lc-dplus-text-secondary: #a8aab2;
  --lc-dplus-surface-heavy: #1a1a1ae6;
  --lc-dplus-surface-half: #1a1a1a80;
  --lc-dplus-scrim-light: #00000080;
  --lc-dplus-scrim-default: #000000b3;
  --lc-dplus-scrim-strong: #000000cc;
  --lc-dplus-scrim-dim: #000000d1;
  --lc-dplus-scrim-deep: #000000e6;
  --lc-dplus-shadow: #00000040;
  --lc-dplus-btn-dark: #2d2f36;
  --lc-dplus-drag-handle: #31343e;
  --lc-dplus-action-primary: #12708a;
  --lc-dplus-link: #6fc8e8;
  --lc-dplus-art-ink: #474747;
  --lc-dplus-art-faint: #d9d9d9;
}