/* The only file allowed to hold colour literals. Produced by scripts/extract-brand.mjs from the brand/ files.
   Every literal below is the mean of real pixels (see palette.json for file, region, rule and pixel count) or a sampled colour at a stated alpha.
   Motion values were measured off the reference: ease (.2,.8,.2,1); hover .14-.16s; entrance .3-.4s; fade .18s; sheen .45s;
   tape 70s linear; pointer drift 12px / 7px back layer, 5px / 3px front layer, settling over 1.2s. */
:root {
  color-scheme: dark;

  --bg: #0e0c0a; /* sample leather: page field */
  --bg-deep: #040302; /* sample leather-deep: wells, input fields, button text on light plates */
  --bg1: #0e0c0a; /* sample leather: card surface */
  --bg2: #211f1d; /* sample leather-mid: raised surface, hover surface */
  --bg3: #464543; /* sample leather-raised: pressed surface, tab handle track */
  --bg4: #646260; /* sample leather-grain: strong rule, dim text on inert records (decorative only) */
  --ink: #f9f9f8; /* sample white-lit: primary text */
  --ink2: #e8e7e7; /* sample white: secondary text */
  --ink3: #cfcecd; /* sample white-shade: tertiary text, down moves */
  --mute: #b0aca5; /* sample stitch-mid: muted text, labels */
  --stitch: #b0aca5; /* sample stitch-mid: stitched seams */
  --stitch-lit: #f7f4f2; /* sample stitch-lit: stitch highlights */
  --white-shade: #cfcecd; /* sample white-shade: plate shade */
  --white: #e8e7e7; /* sample white: plate body */
  --white-lit: #f9f9f8; /* sample white-lit: plate highlight, focus ring */
  --green-deep: #01260a; /* sample green-deep: pressed control, rib shadow */
  --green-shade: #014817; /* sample green-shade: control shade */
  --green: #057329; /* sample green: control body, live dot */
  --green-lit: #1c993f; /* sample green-lit: primary control, headings */
  --green-glint: #74d08a; /* sample green-glint: up moves, small green text, hover glint */
  --hair: rgb(249 249 248 / 0.1); /* white-lit at alpha 0.1: hairline */
  --hair2: rgb(249 249 248 / 0.19); /* white-lit at alpha 0.19: rule */
  --hair3: rgb(249 249 248 / 0.36); /* white-lit at alpha 0.36: strong rule */
  --glass: rgb(33 31 29 / 0.92); /* leather-mid at alpha 0.92: card glass */
  --glass-hi: rgb(14 12 10 / 0.965); /* leather at alpha 0.965: window glass */
  --glass-bar: rgb(4 3 2 / 0.86); /* leather-deep at alpha 0.86: header glass */
  --scrim: rgb(4 3 2 / 0.62); /* leather-deep at alpha 0.62: scrim */
  --plate: rgb(4 3 2 / 0.92); /* leather-deep at alpha 0.92: label plate on ribbed block */
  --shadow-c: rgb(4 3 2 / 0.62); /* leather-deep at alpha 0.62: shadow colour */
  --shadow-c2: rgb(4 3 2 / 0.45); /* leather-deep at alpha 0.45: soft shadow colour */
  --shadow-c3: rgb(4 3 2 / 0.85); /* leather-deep at alpha 0.85: deep shadow colour */
  --spot: rgb(116 208 138 / 0.11); /* green-glint at alpha 0.11: spotlight */
  --mesh-a: rgb(5 115 41 / 0.34); /* green at alpha 0.34: mesh blob one */
  --mesh-b: rgb(1 72 23 / 0.5); /* green-shade at alpha 0.5: mesh blob two */
  --mesh-c: rgb(249 249 248 / 0.07); /* white-lit at alpha 0.07: mesh blob three */
  --grid-line: rgb(249 249 248 / 0.045); /* white-lit at alpha 0.045: hero lattice */
  --ring-line: rgb(116 208 138 / 0.1); /* green-glint at alpha 0.1: hero rings */
  --flash-up: rgb(116 208 138 / 0.3); /* green-glint at alpha 0.3: value flash, rise */
  --flash-dn: rgb(176 172 165 / 0.26); /* stitch-mid at alpha 0.26: value flash, fall */
  --sk-a: rgb(249 249 248 / 0.05); /* white-lit at alpha 0.05: skeleton base */
  --sk-b: rgb(249 249 248 / 0.13); /* white-lit at alpha 0.13: skeleton sheen */
  --green-soft: rgb(28 153 63 / 0.16); /* green-lit at alpha 0.16: soft green wash */

  --lacquer: linear-gradient(180deg, var(--white-lit) 0%, var(--white) 50%, var(--white-shade) 100%);
  --rubber: linear-gradient(180deg, var(--green-lit) 0%, var(--green) 52%, var(--green-shade) 100%);
  --ribs: repeating-linear-gradient(90deg, var(--green-glint) 0 1px, var(--green-lit) 1px 4px, var(--green-deep) 4px 6px);
  --ribs-dark: repeating-linear-gradient(90deg, var(--green-shade) 0 3px, var(--green-deep) 3px 6px);
  --shadow: 0 14px 34px var(--shadow-c), 0 2px 6px var(--shadow-c2);
  --shadow-win: 0 34px 90px var(--shadow-c), 0 4px 14px var(--shadow-c2);
  --sh-text: 0 18px 40px var(--shadow-c);
  --sh-gloss: inset 0 1px 0 var(--white-lit);
  --sh-inset: inset 0 2px 4px var(--shadow-c3);
  --sh-rail: 0 2px 4px var(--shadow-c);
  --sh-logo: 0 4px 10px var(--shadow-c2);
  --sheen: var(--hair3);

  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-drift: cubic-bezier(0.2, 0.7, 0.2, 1);
  --t-press: 0.08s;
  --t-fast: 0.15s;
  --t-hover: 0.16s;
  --t-fade: 0.18s;
  --t-in: 0.32s;
  --t-sheen: 0.45s;
  --t-drift: 1.2s;

  --f: "Helvetica Neue", "Arial Nova", Arial, "Segoe UI", sans-serif;
  --fd: "Avenir Next Condensed", "DIN Condensed", "HelveticaNeue-CondensedBold", "Bahnschrift", "Roboto Condensed", "Arial Narrow", sans-serif;
  --fm: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}
