/* Palette sampled from the real assets in brand/ and reference/.
   Method: k-means (k = 3..6) over opaque pixels (alpha > 200) of the region named,
   each centre snapped to the nearest real pixel, coordinates given as x,y.
   Alpha check: LOGO SHOPLY PNG.png and the JPEGs are fully opaque; LOGO SHOPLY PNG...png
   is colourType 6 with 3,482,066 pure-black alpha-0 pixels, so every resize of it is premultiplied.
   sample: #006b3f  brand/LOGO SHOPLY PNG.png (0,0)        logo field, 89.6% of pixels
   sample: #fafbfb  brand/LOGO SHOPLY PNG.png (1023,504)    logo mark
   sample: #f7f4ef  reference/SHOPLY 1 (541,0)             cream page field
   sample: #f1eee9  reference/SHOPLY 1 (845,0)             cream, deeper
   sample: #fbfaf4  reference/SHOPLY 1 (216,0)             cream, lightest
   sample: #e4ddd7  reference/SHOPLY 1 (1105,8)            warm line
   sample: #cdc6bf  reference/SHOPLY 1 (1304,394)          warm line, strong
   sample: #92908f  reference/SHOPLY 1 (262,281)           stone grey
   sample: #474542  reference/SHOPLY 1 (445,507)           paragraph ink
   sample: #252322  reference/SHOPLY 1 (136,44)            headline ink
   sample: #628170  reference/SHOPLY 1 (1096,339)          cube green, light
   sample: #36503f  reference/SHOPLY 1 (1269,338)          cube green, shadow
   sample: #010c0a  reference/SAMPUL SHOPLY (0,0)          cover deep field
   sample: #022a2b  reference/SAMPUL SHOPLY (1481,342)     cover teal, dark
   sample: #044845  reference/SAMPUL SHOPLY (1076,402)     cover teal
   sample: #0b957a  reference/SAMPUL SHOPLY (1232,417)     cover wave green
   sample: #e9ece9  reference/SAMPUL SHOPLY (916,256)      cover headline white
   This is the only file allowed to hold colour literals. Derived tints use color-mix. */
:root {
  --paper: #f7f4ef;
  --paper-2: #f1eee9;
  --card: #fbfaf4;
  --white: #fafbfb;
  --ink: #252322;
  --ink-2: #474542;
  --ink-3: #474542;
  --stone: #92908f;
  --line: #e4ddd7;
  --line-strong: #cdc6bf;
  --forest: #006b3f;
  --moss: #36503f;
  --sage: #628170;
  --dark: #010c0a;
  --dark-2: #022a2b;
  --teal: #044845;
  --mint: #0b957a;
  --mist: #e9ece9;
  --on-dark: #e9ece9;
  --on-dark-2: #92908f;
  --ring: var(--forest);
  --glow: color-mix(in srgb, var(--forest) 22%, transparent);
  --scrim: color-mix(in srgb, var(--paper) 92%, transparent);
  --none: transparent;

  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --tap: 48px;
}