/* Made by scripts/build-blog.mjs from the app's own colours: don't edit, it's rebuilt. */
/* ═══════════════ Colour themes (Settings → Appearance; Sky is the default) ═══════════════
   Each theme is one seed colour worked out into tones the way Android's Material You does it
   (material-color-utilities: backgrounds from its Vibrant scheme, so the tint shows; the containers
   from Tonal Spot, as Vibrant turns some neon). Ivory is its Monochrome scheme: no colour at all.
   Verdict, result and section colours stay the same in every theme: they mean something. */
:root[data-palette='gold'] {
  --t-surface: #16130d;
  --t-lowest: #110e09;
  --t-low: #1d1a14;
  --t-cont: #221e17;
  --t-high: #2c2821;
  --t-highest: #37322b;
  --t-on: #ede3d3;
  --t-on-var: #d0c5b4;
  --t-primary: #efc570;
  --t-on-primary: #3d2b00;
  --t-pc: #4b3a19;
  --t-opc: #f6dfb2;
  --t-sc: #4a4031;
  --t-osc: #f8dfbb;
}

:root[data-palette='gold'][data-theme='light'] {
  --t-surface: #fff8f3;
  --t-lowest: #ffffff;
  --t-low: #fff2e2;
  --t-cont: #fdebd5;
  --t-high: #f7e6d0;
  --t-highest: #f1e0ca;
  --t-on: #221a0d;
  --t-on-var: #514531;
  --t-primary: #8a5c00;
  --t-on-primary: #ffffff;
  --t-pc: #fdd481;
  --t-opc: #3f2c00;
  --t-sc: #f8dfbb;
  --t-osc: #55442a;
}

:root,
:root[data-palette='sky'] {
  --t-surface: #0b151a;
  --t-lowest: #060f15;
  --t-low: #131d23;
  --t-cont: #172127;
  --t-high: #222b31;
  --t-highest: #2c363c;
  --t-on: #dae4ec;
  --t-on-var: #bbc8d2;
  --t-primary: #7bd0ff;
  --t-on-primary: #00354a;
  --t-pc: #004c69;
  --t-opc: #c4e7ff;
  --t-sc: #374955;
  --t-osc: #d1e5f4;
}

:root[data-theme='light'],
:root[data-palette='sky'][data-theme='light'] {
  --t-surface: #f5faff;
  --t-lowest: #ffffff;
  --t-low: #ebf5fd;
  --t-cont: #e5eff7;
  --t-high: #e0e9f2;
  --t-highest: #dae4ec;
  --t-on: #131d23;
  --t-on-var: #3c4851;
  --t-primary: #00668a;
  --t-on-primary: #ffffff;
  --t-pc: #c4e7ff;
  --t-opc: #004c69;
  --t-sc: #d1e5f4;
  --t-osc: #374955;
}

:root[data-palette='indigo'] {
  --t-surface: #12131c;
  --t-lowest: #0d0d17;
  --t-low: #1a1b25;
  --t-cont: #1e1f29;
  --t-high: #292934;
  --t-highest: #33343f;
  --t-on: #e3e1ef;
  --t-on-var: #c6c5d6;
  --t-primary: #bdc2ff;
  --t-on-primary: #0010a2;
  --t-pc: #3c4279;
  --t-opc: #e0e0ff;
  --t-sc: #444559;
  --t-osc: #e1e0f9;
}

:root[data-palette='indigo'][data-theme='light'] {
  --t-surface: #fbf8ff;
  --t-lowest: #ffffff;
  --t-low: #f4f2ff;
  --t-cont: #eeecfb;
  --t-high: #e8e7f5;
  --t-highest: #e3e1ef;
  --t-on: #1a1b25;
  --t-on-var: #454654;
  --t-primary: #2c3fff;
  --t-on-primary: #ffffff;
  --t-pc: #e0e0ff;
  --t-opc: #3c4279;
  --t-sc: #e1e0f9;
  --t-osc: #444559;
}

:root[data-palette='coral'] {
  --t-surface: #1e100c;
  --t-lowest: #180b08;
  --t-low: #271814;
  --t-cont: #2b1c18;
  --t-high: #372622;
  --t-highest: #42312c;
  --t-on: #f9dcd6;
  --t-on-var: #e0bfb8;
  --t-primary: #f6b8a9;
  --t-on-primary: #621100;
  --t-pc: #5f3a30;
  --t-opc: #fbdcd4;
  --t-sc: #5d4038;
  --t-osc: #ffdad2;
}

:root[data-palette='coral'][data-theme='light'] {
  --t-surface: #fff8f6;
  --t-lowest: #ffffff;
  --t-low: #fff1ed;
  --t-cont: #ffe9e4;
  --t-high: #ffe2db;
  --t-highest: #f9dcd6;
  --t-on: #271814;
  --t-on-var: #58413c;
  --t-primary: #a3432b;
  --t-on-primary: #ffffff;
  --t-pc: #ffdad2;
  --t-opc: #723425;
  --t-sc: #ffdad2;
  --t-osc: #5d4038;
}

:root[data-palette='forest'] {
  --t-surface: #0b1610;
  --t-lowest: #06100b;
  --t-low: #131e18;
  --t-cont: #17221c;
  --t-high: #212c26;
  --t-highest: #2c3731;
  --t-on: #d9e6dc;
  --t-on-var: #bacbbf;
  --t-primary: #00e2a0;
  --t-on-primary: #003825;
  --t-pc: #005137;
  --t-opc: #a9f2cd;
  --t-sc: #364b40;
  --t-osc: #cfe9d9;
}

:root[data-palette='forest'][data-theme='light'] {
  --t-surface: #effdf3;
  --t-lowest: #ffffff;
  --t-low: #eaf7ed;
  --t-cont: #e4f1e7;
  --t-high: #deebe2;
  --t-highest: #d9e6dc;
  --t-on: #131e18;
  --t-on-var: #3b4a42;
  --t-primary: #006c4b;
  --t-on-primary: #ffffff;
  --t-pc: #a9f2cd;
  --t-opc: #005137;
  --t-sc: #cfe9d9;
  --t-osc: #364b40;
}

:root[data-palette='ivory'] {
  --t-surface: #131313;
  --t-lowest: #0e0e0e;
  --t-low: #1b1b1b;
  --t-cont: #1f1f1f;
  --t-high: #2a2a2a;
  --t-highest: #353535;
  --t-on: #e2e2e2;
  --t-on-var: #c6c6c6;
  --t-primary: #ffffff;
  --t-on-primary: #1b1b1b;
  --t-pc: #d4d4d4;
  --t-opc: #000000;
  --t-sc: #474747;
  --t-osc: #e2e2e2;
}

:root[data-palette='ivory'][data-theme='light'] {
  --t-surface: #f9f9f9;
  --t-lowest: #ffffff;
  --t-low: #f3f3f3;
  --t-cont: #eeeeee;
  --t-high: #e8e8e8;
  --t-highest: #e2e2e2;
  --t-on: #1b1b1b;
  --t-on-var: #474747;
  --t-primary: #000000;
  --t-on-primary: #e2e2e2;
  --t-pc: #3b3b3b;
  --t-opc: #ffffff;
  --t-sc: #d4d4d4;
  --t-osc: #1b1b1b;
}

:root[data-palette='lime'] {
  --t-surface: #0a0a0b;
  --t-lowest: #050506;
  --t-low: #111113;
  --t-cont: #161618;
  --t-high: #202023;
  --t-highest: #2a2a2e;
  --t-on: #f0f0f0;
  --t-on-var: #a7adb7;
  --t-primary: #bcdc8a;
  --t-on-primary: #213400;
  --t-pc: #34441f;
  --t-opc: #dcecc3;
  --t-sc: #2a2a2e;
  --t-osc: #e4e4e7;
}

:root[data-palette='lime'][data-theme='light'] {
  --t-surface: #f7f8f3;
  --t-lowest: #ffffff;
  --t-low: #f1f3eb;
  --t-cont: #ebeee4;
  --t-high: #e5e8dd;
  --t-highest: #dfe2d7;
  --t-on: #18181b;
  --t-on-var: #464b52;
  --t-primary: #4f7417;
  --t-on-primary: #ffffff;
  --t-pc: #dcecbc;
  --t-opc: #22380a;
  --t-sc: #e2e6d6;
  --t-osc: #2a3320;
}

:root[data-palette='gold']:is(:not([data-board]), [data-board='theme']) {
  --sq-light: #f8dfbb;
  --sq-dark: #b38a43;
  --sq-last: rgba(214, 210, 0, 0.6);
}

:root:is(:not([data-board]), [data-board='theme']),
:root[data-palette='sky']:is(:not([data-board]), [data-board='theme']) {
  --sq-light: #d1e5f4;
  --sq-dark: #5e97b8;
  --sq-last: rgba(255, 214, 102, 0.62);
}

:root[data-palette='indigo']:is(:not([data-board]), [data-board='theme']) {
  --sq-light: #d3cff3;
  --sq-dark: #7d70dc;
  --sq-last: rgba(238, 150, 232, 0.62);
}

:root[data-palette='coral']:is(:not([data-board]), [data-board='theme']) {
  --sq-light: #ffdad2;
  --sq-dark: #c97d6a;
  --sq-last: rgba(255, 214, 102, 0.62);
}

:root[data-palette='forest']:is(:not([data-board]), [data-board='theme']) {
  --sq-light: #cfe9d9;
  --sq-dark: #5d9d7f;
  --sq-last: rgba(255, 214, 102, 0.62);
}

:root[data-palette='lime']:is(:not([data-board]), [data-board='theme']) {
  --sq-light: #e3efc9;
  --sq-dark: #86a356;
  --sq-last: rgba(255, 214, 102, 0.62);
}

:root[data-palette='ivory']:is(:not([data-board]), [data-board='theme']) {
  --sq-light: #e2e2e2;
  --sq-dark: #919191;
  --sq-last: rgba(255, 214, 102, 0.55);
}

:root[data-board='graphite'] {
  --sq-light: #d9dce1;
  --sq-dark: #8e96a1;
  --sq-last: rgba(255, 214, 102, 0.55);
}

:root[data-board='iris'] {
  --sq-light: #d3cff3;
  --sq-dark: #7d70dc;
  --sq-last: rgba(238, 150, 232, 0.62);
}

:root[data-board='green'] {
  --sq-light: #ebecd0;
  --sq-dark: #739552;
  --sq-last: rgba(255, 255, 51, 0.42);
}

:root[data-board='brown'] {
  --sq-light: #f0d9b5;
  --sq-dark: #b58863;
  --sq-last: rgba(255, 255, 51, 0.42);
}

:root[data-board='blue'] {
  --sq-light: #dee3e6;
  --sq-dark: #8ca2ad;
  --sq-last: rgba(255, 255, 51, 0.42);
}

:root[data-board='slate'] {
  --sq-light: #c9cfd8;
  --sq-dark: #6b7a8f;
  --sq-last: rgba(255, 255, 51, 0.42);
}