/* Generated by scripts/gen-theme.mjs from web/theme/tokens.mjs. Do not edit. */
:root {
  --brand-pink: #ff5eae;
  --brand-cyan: #7bdcff;
  --brand-grass: #87c95c;
  --brand-earth: #8a622d;
  --media-bg: #080d16;
  --media-text: #f4f7ff;
  --text-on-media: #f4f7ff;
  --on-overlay: #f4f7ff;
}
:root {
  --particle-blend: screen;
  --particle-core-lift: 0.16;
  --particle-alpha-min: 0.30;
  --particle-alpha-range: 0.62;
  --bg: #070a12;
  --bg-deep: #04060b;
  --surface: #0e1421;
  --surface-2: #151d2c;
  --surface-3: #1b2638;
  --surface-glass: #0e1421ed;
  --surface-hover: #243149;
  --border: #3f4e65;
  --border-strong: #788ba8;
  --text: #f4f7ff;
  --text-muted: #b2bed2;
  --text-dim: #a1aec3;
  --accent: #ff75b9;
  --accent-hover: #ff97cb;
  --accent-strong: #ffa8d3;
  --accent-dim: #ff75b91c;
  --on-accent: #210c17;
  --accent-2: #7bdcff;
  --accent-2-dim: #7bdcff1c;
  --on-accent-2: #071c25;
  --success: #77e6b5;
  --success-bg: #10352b;
  --success-border: #54b58b;
  --on-success: #08241a;
  --danger: #ff8c9c;
  --danger-bg: #3b1722;
  --danger-border: #d86b7c;
  --on-danger: #2b0811;
  --warning: #f2c477;
  --warning-bg: #352813;
  --warning-border: #b99352;
  --on-warning: #291b06;
  --info: #7bdcff;
  --info-bg: #102f40;
  --info-border: #4a9cba;
  --focus-ring: #7bdcff;
  --selection-bg: #86345e;
  --selection-text: #ffffff;
  --button-bg: #1b2638;
  --button-hover: #2b3b53;
  --button-pressed: #354a67;
  --button-depth: #04060b;
  --button-shine: #ffffff1f;
  --disabled-bg: #202a3b;
  --disabled-text: #9aa8bd;
  --overlay: #02050bd9;
  --shadow-color: #00000047;
  --shadow-soft: 0 24px 70px #00000047;
  --shadow-strong: 0 42px 120px #0000007a;
  --code-bg: #151d2c;
  --code-text: #eef3ff;
  --syntax-comment: #a5b4cb;
  --syntax-keyword: #d7acff;
  --syntax-string: #a8e5af;
  --syntax-number: #f4c181;
  --syntax-title: #91d8ff;
  --syntax-variable: #ffb6d4;
  --pixel-ink: #04070c;
  --pixel-night: #04060b;
  --pixel-panel: #0e1421ed;
  --pixel-panel-solid: #0e1421;
  --pixel-line: #3f4e65;
  --pixel-line-hot: #ff75b980;
  --pixel-pink: #ff75b9;
  --pixel-pink-hot: #ff97cb;
  --pixel-pink-deep: #86345e;
  --pixel-cyan: #7bdcff;
  --pixel-grass: #a3dd7d;
  --pixel-earth: #dfb47b;
  --pixel-glow: 0 0 28px #ff75b947;
  color-scheme: dark;
}
:root[data-theme='light'] {
  --particle-blend: normal;
  --particle-core-lift: -0.06;
  --particle-alpha-min: 0.56;
  --particle-alpha-range: 0.40;
  --bg: #f5f6fa;
  --bg-deep: #eaf0f7;
  --surface: #ffffff;
  --surface-2: #edf1f7;
  --surface-3: #dce5f1;
  --surface-glass: #ffffffed;
  --surface-hover: #e3eaf4;
  --border: #b6c3d4;
  --border-strong: #6a7f99;
  --text: #1a2639;
  --text-muted: #46576e;
  --text-dim: #52647b;
  --accent: #aa2463;
  --accent-hover: #8c174f;
  --accent-strong: #72113e;
  --accent-dim: #aa246313;
  --on-accent: #ffffff;
  --accent-2: #096681;
  --accent-2-dim: #09668113;
  --on-accent-2: #ffffff;
  --success: #17633f;
  --success-bg: #e1f3e8;
  --success-border: #40815e;
  --on-success: #ffffff;
  --danger: #a91f37;
  --danger-bg: #ffedf0;
  --danger-border: #bd5266;
  --on-danger: #ffffff;
  --warning: #75500c;
  --warning-bg: #fff1d7;
  --warning-border: #9b752e;
  --on-warning: #ffffff;
  --info: #09607d;
  --info-bg: #e2f2fa;
  --info-border: #43809c;
  --focus-ring: #096681;
  --selection-bg: #aa2463;
  --selection-text: #ffffff;
  --button-bg: #edf1f7;
  --button-hover: #dce5f1;
  --button-pressed: #cdd9e9;
  --button-depth: #b6c3d4;
  --button-shine: #ffffffb3;
  --disabled-bg: #e6ebf2;
  --disabled-text: #596a80;
  --overlay: #17243d99;
  --shadow-color: #26394d24;
  --shadow-soft: 0 20px 55px #26394d13;
  --shadow-strong: 0 35px 85px #26394d24;
  --code-bg: #edf1f7;
  --code-text: #1a2639;
  --syntax-comment: #52647b;
  --syntax-keyword: #703cb0;
  --syntax-string: #216336;
  --syntax-number: #8b4518;
  --syntax-title: #075f88;
  --syntax-variable: #a12160;
  --pixel-ink: #ffffff;
  --pixel-night: #eaf0f7;
  --pixel-panel: #ffffffed;
  --pixel-panel-solid: #ffffff;
  --pixel-line: #b6c3d4;
  --pixel-line-hot: #aa246380;
  --pixel-pink: #aa2463;
  --pixel-pink-hot: #8c174f;
  --pixel-pink-deep: #72113e;
  --pixel-cyan: #096681;
  --pixel-grass: #386522;
  --pixel-earth: #79501e;
  --pixel-glow: 0 0 28px #aa246321;
  color-scheme: light;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
  --particle-blend: normal;
  --particle-core-lift: -0.06;
  --particle-alpha-min: 0.56;
  --particle-alpha-range: 0.40;
  --bg: #f5f6fa;
  --bg-deep: #eaf0f7;
  --surface: #ffffff;
  --surface-2: #edf1f7;
  --surface-3: #dce5f1;
  --surface-glass: #ffffffed;
  --surface-hover: #e3eaf4;
  --border: #b6c3d4;
  --border-strong: #6a7f99;
  --text: #1a2639;
  --text-muted: #46576e;
  --text-dim: #52647b;
  --accent: #aa2463;
  --accent-hover: #8c174f;
  --accent-strong: #72113e;
  --accent-dim: #aa246313;
  --on-accent: #ffffff;
  --accent-2: #096681;
  --accent-2-dim: #09668113;
  --on-accent-2: #ffffff;
  --success: #17633f;
  --success-bg: #e1f3e8;
  --success-border: #40815e;
  --on-success: #ffffff;
  --danger: #a91f37;
  --danger-bg: #ffedf0;
  --danger-border: #bd5266;
  --on-danger: #ffffff;
  --warning: #75500c;
  --warning-bg: #fff1d7;
  --warning-border: #9b752e;
  --on-warning: #ffffff;
  --info: #09607d;
  --info-bg: #e2f2fa;
  --info-border: #43809c;
  --focus-ring: #096681;
  --selection-bg: #aa2463;
  --selection-text: #ffffff;
  --button-bg: #edf1f7;
  --button-hover: #dce5f1;
  --button-pressed: #cdd9e9;
  --button-depth: #b6c3d4;
  --button-shine: #ffffffb3;
  --disabled-bg: #e6ebf2;
  --disabled-text: #596a80;
  --overlay: #17243d99;
  --shadow-color: #26394d24;
  --shadow-soft: 0 20px 55px #26394d13;
  --shadow-strong: 0 35px 85px #26394d24;
  --code-bg: #edf1f7;
  --code-text: #1a2639;
  --syntax-comment: #52647b;
  --syntax-keyword: #703cb0;
  --syntax-string: #216336;
  --syntax-number: #8b4518;
  --syntax-title: #075f88;
  --syntax-variable: #a12160;
  --pixel-ink: #ffffff;
  --pixel-night: #eaf0f7;
  --pixel-panel: #ffffffed;
  --pixel-panel-solid: #ffffff;
  --pixel-line: #b6c3d4;
  --pixel-line-hot: #aa246380;
  --pixel-pink: #aa2463;
  --pixel-pink-hot: #8c174f;
  --pixel-pink-deep: #72113e;
  --pixel-cyan: #096681;
  --pixel-grass: #386522;
  --pixel-earth: #79501e;
  --pixel-glow: 0 0 28px #aa246321;
    color-scheme: light;
  }
}
[data-theme-scope='dark'] {
  --particle-blend: screen;
  --particle-core-lift: 0.16;
  --particle-alpha-min: 0.30;
  --particle-alpha-range: 0.62;
  --bg: #070a12;
  --bg-deep: #04060b;
  --surface: #0e1421;
  --surface-2: #151d2c;
  --surface-3: #1b2638;
  --surface-glass: #0e1421ed;
  --surface-hover: #243149;
  --border: #3f4e65;
  --border-strong: #788ba8;
  --text: #f4f7ff;
  --text-muted: #b2bed2;
  --text-dim: #a1aec3;
  --accent: #ff75b9;
  --accent-hover: #ff97cb;
  --accent-strong: #ffa8d3;
  --accent-dim: #ff75b91c;
  --on-accent: #210c17;
  --accent-2: #7bdcff;
  --accent-2-dim: #7bdcff1c;
  --on-accent-2: #071c25;
  --success: #77e6b5;
  --success-bg: #10352b;
  --success-border: #54b58b;
  --on-success: #08241a;
  --danger: #ff8c9c;
  --danger-bg: #3b1722;
  --danger-border: #d86b7c;
  --on-danger: #2b0811;
  --warning: #f2c477;
  --warning-bg: #352813;
  --warning-border: #b99352;
  --on-warning: #291b06;
  --info: #7bdcff;
  --info-bg: #102f40;
  --info-border: #4a9cba;
  --focus-ring: #7bdcff;
  --selection-bg: #86345e;
  --selection-text: #ffffff;
  --button-bg: #1b2638;
  --button-hover: #2b3b53;
  --button-pressed: #354a67;
  --button-depth: #04060b;
  --button-shine: #ffffff1f;
  --disabled-bg: #202a3b;
  --disabled-text: #9aa8bd;
  --overlay: #02050bd9;
  --shadow-color: #00000047;
  --shadow-soft: 0 24px 70px #00000047;
  --shadow-strong: 0 42px 120px #0000007a;
  --code-bg: #151d2c;
  --code-text: #eef3ff;
  --syntax-comment: #a5b4cb;
  --syntax-keyword: #d7acff;
  --syntax-string: #a8e5af;
  --syntax-number: #f4c181;
  --syntax-title: #91d8ff;
  --syntax-variable: #ffb6d4;
  --pixel-ink: #04070c;
  --pixel-night: #04060b;
  --pixel-panel: #0e1421ed;
  --pixel-panel-solid: #0e1421;
  --pixel-line: #3f4e65;
  --pixel-line-hot: #ff75b980;
  --pixel-pink: #ff75b9;
  --pixel-pink-hot: #ff97cb;
  --pixel-pink-deep: #86345e;
  --pixel-cyan: #7bdcff;
  --pixel-grass: #a3dd7d;
  --pixel-earth: #dfb47b;
  --pixel-glow: 0 0 28px #ff75b947;
  color-scheme: dark;
}
[data-theme-scope='light'] {
  --particle-blend: normal;
  --particle-core-lift: -0.06;
  --particle-alpha-min: 0.56;
  --particle-alpha-range: 0.40;
  --bg: #f5f6fa;
  --bg-deep: #eaf0f7;
  --surface: #ffffff;
  --surface-2: #edf1f7;
  --surface-3: #dce5f1;
  --surface-glass: #ffffffed;
  --surface-hover: #e3eaf4;
  --border: #b6c3d4;
  --border-strong: #6a7f99;
  --text: #1a2639;
  --text-muted: #46576e;
  --text-dim: #52647b;
  --accent: #aa2463;
  --accent-hover: #8c174f;
  --accent-strong: #72113e;
  --accent-dim: #aa246313;
  --on-accent: #ffffff;
  --accent-2: #096681;
  --accent-2-dim: #09668113;
  --on-accent-2: #ffffff;
  --success: #17633f;
  --success-bg: #e1f3e8;
  --success-border: #40815e;
  --on-success: #ffffff;
  --danger: #a91f37;
  --danger-bg: #ffedf0;
  --danger-border: #bd5266;
  --on-danger: #ffffff;
  --warning: #75500c;
  --warning-bg: #fff1d7;
  --warning-border: #9b752e;
  --on-warning: #ffffff;
  --info: #09607d;
  --info-bg: #e2f2fa;
  --info-border: #43809c;
  --focus-ring: #096681;
  --selection-bg: #aa2463;
  --selection-text: #ffffff;
  --button-bg: #edf1f7;
  --button-hover: #dce5f1;
  --button-pressed: #cdd9e9;
  --button-depth: #b6c3d4;
  --button-shine: #ffffffb3;
  --disabled-bg: #e6ebf2;
  --disabled-text: #596a80;
  --overlay: #17243d99;
  --shadow-color: #26394d24;
  --shadow-soft: 0 20px 55px #26394d13;
  --shadow-strong: 0 35px 85px #26394d24;
  --code-bg: #edf1f7;
  --code-text: #1a2639;
  --syntax-comment: #52647b;
  --syntax-keyword: #703cb0;
  --syntax-string: #216336;
  --syntax-number: #8b4518;
  --syntax-title: #075f88;
  --syntax-variable: #a12160;
  --pixel-ink: #ffffff;
  --pixel-night: #eaf0f7;
  --pixel-panel: #ffffffed;
  --pixel-panel-solid: #ffffff;
  --pixel-line: #b6c3d4;
  --pixel-line-hot: #aa246380;
  --pixel-pink: #aa2463;
  --pixel-pink-hot: #8c174f;
  --pixel-pink-deep: #72113e;
  --pixel-cyan: #096681;
  --pixel-grass: #386522;
  --pixel-earth: #79501e;
  --pixel-glow: 0 0 28px #aa246321;
  color-scheme: light;
}
/* Apply a new palette atomically; normal control transitions resume after the first painted frame. */
:root[data-theme-changing] *, :root[data-theme-changing] *::before, :root[data-theme-changing] *::after { transition: none !important; }