/* Generated from scripts/palettes.json. Do not edit this file directly. */

body[data-palette="classic"] {
  --desktop: #b7b7b1;
  --chrome: #d6d6d1;
  --chrome-dark: #9b9b96;
  --paper: #ffffff;
  --paper-alt: #f3f3f0;
  --ink: #121212;
  --muted: #62625f;
  --line: #c8c8c3;
  --blue: #2f3790;
  --blue-soft: #e7e8f4;
  --yellow: #fff7be;
  --green: #dfeedd;
  --shadow: #50504d;
  --danger: #8d211c;
  --glow: rgba(0, 0, 0, 0);
  --glow-soft: rgba(0, 0, 0, 0);
  --texture: rgba(0, 0, 0, .025);
  --texture-dark: rgba(0, 0, 0, .01);
}

body[data-palette="sunlit-yellow"] {
  --desktop: #fff9e9;
  --chrome: #fffbe5;
  --chrome-dark: #ead59a;
  --paper: #fffefa;
  --paper-alt: #fff9e7;
  --ink: #49391e;
  --muted: #806f54;
  --line: #e9dcb4;
  --blue: #b29252;
  --blue-soft: #fff8d8;
  --yellow: #faedb8;
  --green: #f5efcf;
  --shadow: #e0cf9d;
  --danger: #8d211c;
  --glow: rgba(248, 214, 105, .07);
  --glow-soft: rgba(255, 228, 143, .065);
  --texture: rgba(241, 208, 111, .025);
  --texture-dark: rgba(124, 96, 36, .01);
}

body[data-palette="mist-green"] {
  --desktop: #f3f8f0;
  --chrome: #edf7e9;
  --chrome-dark: #b9d6b3;
  --paper: #fffefd;
  --paper-alt: #f1f8ee;
  --ink: #253329;
  --muted: #4c6250;
  --line: #d0e3cb;
  --blue: #43804f;
  --blue-soft: #e7f3e4;
  --yellow: #deefd2;
  --green: #d9ebd4;
  --shadow: #b3cbb0;
  --danger: #8d211c;
  --glow: rgba(184, 222, 177, .14);
  --glow-soft: rgba(218, 239, 210, .12);
  --texture: rgba(151, 188, 145, .04);
  --texture-dark: rgba(66, 99, 70, .015);
}

body[data-palette="mist-blue"] {
  --desktop: #f1f7fa;
  --chrome: #eaf5f8;
  --chrome-dark: #adcfdd;
  --paper: #fcffff;
  --paper-alt: #eff7fa;
  --ink: #25343d;
  --muted: #4b6570;
  --line: #cbdfe7;
  --blue: #3f7695;
  --blue-soft: #e5f2f7;
  --yellow: #dceff2;
  --green: #d8e9ea;
  --shadow: #b3cdd6;
  --danger: #8d211c;
  --glow: rgba(175, 215, 230, .14);
  --glow-soft: rgba(215, 239, 247, .12);
  --texture: rgba(142, 190, 208, .04);
  --texture-dark: rgba(61, 91, 105, .015);
}

body[data-palette="mist-red"] {
  --desktop: #faf3f1;
  --chrome: #f8eae6;
  --chrome-dark: #dfb8ae;
  --paper: #fffdfc;
  --paper-alt: #faf0ed;
  --ink: #402b27;
  --muted: #6d4c47;
  --line: #e7cec8;
  --blue: #8e524b;
  --blue-soft: #f7e9e5;
  --yellow: #f4ded6;
  --green: #eedbd5;
  --shadow: #caa8a0;
  --danger: #8d211c;
  --glow: rgba(233, 184, 173, .13);
  --glow-soft: rgba(249, 220, 211, .12);
  --texture: rgba(211, 155, 143, .04);
  --texture-dark: rgba(100, 69, 63, .015);
}

body[data-palette="mist-gray"] {
  --desktop: #f3f4f1;
  --chrome: #eceee9;
  --chrome-dark: #b8bdb4;
  --paper: #fcfcfa;
  --paper-alt: #f1f2ee;
  --ink: #252925;
  --muted: #485047;
  --line: #d0d4cc;
  --blue: #4e82ef;
  --blue-soft: #e8ebe6;
  --yellow: #e2e6dd;
  --green: #e0e5dd;
  --shadow: #aeb5aa;
  --danger: #8d211c;
  --glow: rgba(207, 211, 201, .13);
  --glow-soft: rgba(232, 234, 225, .12);
  --texture: rgba(180, 187, 177, .04);
  --texture-dark: rgba(75, 82, 75, .015);
}

body[data-palette]:not([data-palette="classic"]) {
  background:
    radial-gradient(circle at 8% 0%, var(--glow), transparent 34%),
    radial-gradient(circle at 96% 58%, var(--glow-soft), transparent 40%),
    repeating-conic-gradient(from 45deg, var(--texture) 0 25%, var(--texture-dark) 0 50%) 0 0 / 4px 4px,
    var(--desktop);
}

html:has(body[data-palette="classic"]) { background: var(--desktop); }
html:has(body[data-palette="sunlit-yellow"]) { background: var(--desktop); }
html:has(body[data-palette="mist-green"]) { background: var(--desktop); }
html:has(body[data-palette="mist-blue"]) { background: var(--desktop); }
html:has(body[data-palette="mist-red"]) { background: var(--desktop); }
html:has(body[data-palette="mist-gray"]) { background: var(--desktop); }