/* Colour literals live in this file only (gate: palette).
 * Provenance: src/palette.json. Every hex below was read from a real pixel of brand/:
 *   --c-canvas #000000  brand/LOGO JAECOO PNG.png @ (0,0)
 *   --c-ink    #191321  brand/LOGO JAECOO PNG...png @ (867,1266)  k-means share 26.5%
 *   --c-navy   #2b2d5b  brand/LOGO JAECOO PNG...png @ (1116,1275)  k-means share 18.5%
 *   --c-cream  #f6f4e0  brand/LOGO JAECOO PNG...png @ (1017,1314)  k-means share 12.2%
 *   --c-blue   #4157a7  brand/LOGO JAECOO PNG...png @ (915,1455)  k-means share 11.7%
 *   --c-amber  #eeb461  brand/LOGO JAECOO PNG...png @ (777,1302)  k-means share 11.7%
 *   --c-rust   #905032  brand/LOGO JAECOO PNG...png @ (1080,1269)  k-means share 11.2%
 *   --c-sky    #839dd2  brand/LOGO JAECOO PNG...png @ (1191,657)  k-means share 8.2%
 * Surfaces and lines are the sampled colours at partial alpha (color-mix), never new hues.
 */
:root {
  color-scheme: dark;
  --c-canvas: #000000;
  --c-ink: #191321;
  --c-navy: #2b2d5b;
  --c-cream: #f6f4e0;
  --c-blue: #4157a7;
  --c-amber: #eeb461;
  --c-rust: #905032;
  --c-sky: #839dd2;

  --bg: var(--c-canvas);
  --ink: var(--c-cream);
  --ink-2: color-mix(in srgb, var(--c-cream) 55%, transparent);
  --ink-3: color-mix(in srgb, var(--c-cream) 42%, transparent);
  --ink-4: color-mix(in srgb, var(--c-cream) 30%, transparent);
  --accent: var(--c-amber);
  --accent-2: var(--c-sky);
  --surface: color-mix(in srgb, var(--c-cream) 2%, transparent);
  --surface-2: color-mix(in srgb, var(--c-cream) 4%, transparent);
  --line: color-mix(in srgb, var(--c-cream) 8%, transparent);
  --line-2: color-mix(in srgb, var(--c-cream) 12%, transparent);
  --line-soft: color-mix(in srgb, var(--c-cream) 6%, transparent);
  --scrim: color-mix(in srgb, var(--c-canvas) 45%, transparent);
  --glow-a: color-mix(in srgb, var(--c-blue) 34%, transparent);
  --glow-b: color-mix(in srgb, var(--c-amber) 20%, transparent);
  --shadow-text: color-mix(in srgb, var(--c-canvas) 65%, transparent);
}