/*
  Orven tokens. The ONLY file in the repo allowed to hold colour literals.
  Provenance: k-means (k=8, seed 7, 60000 sampled opaque pixels) over
  brand/LOGO ORVEN PNG.png and reference/ORVEN 1.jpg.jpeg (scripts/palette-probe.py).
  Each centre is snapped to the nearest real pixel; coordinates are that pixel.
    --paper    #fefefe  logo png, x=0 y=0       (85.0% share, canvas)
    --paper-2  #fcfcfa  slide 1, x=0 y=0        (89.8% share, canvas)
    --ink      #000000  logo png, x=756 y=478   (13.3% share, artwork)
    --ink-2    #2d2d2b  slide 1, x=147 y=23     (wordmark and body text)
    --mid      #666666  logo png, x=1279 y=493  (anti-alias ramp)
    --soft     #949494  logo png, x=1260 y=474  (anti-alias ramp)
    --line     #bdbdbd  logo png, x=673 y=539   (anti-alias ramp)
    --haze     #dedede  logo png, x=739 y=474   (anti-alias ramp)
  Alpha ramps below are channel alpha over these, not new hues.
*/
:root {
  --paper: #fefefe;
  --paper-2: #fcfcfa;
  --ink: #000000;
  --ink-2: #2d2d2b;
  --mid: #666666;
  --soft: #949494;
  --line: #bdbdbd;
  --haze: #dedede;

  --hair: color-mix(in srgb, var(--ink) 8%, transparent);
  --hair-2: color-mix(in srgb, var(--ink) 14%, transparent);
  --up: var(--ink);
  --down: var(--mid);

  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --r: 4px;
  --r-card: 12px;
  --max: 1200px;
  --gutter: 40px;
  --ease: cubic-bezier(.2, .7, .2, 1);
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --shadow: 0 1px 2px color-mix(in srgb, var(--ink) 5%, transparent), 0 12px 32px -12px color-mix(in srgb, var(--ink) 18%, transparent), 0 40px 80px -32px color-mix(in srgb, var(--ink) 22%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, var(--ink) 6%, transparent), 0 6px 16px -8px color-mix(in srgb, var(--ink) 14%, transparent);
}
@media (max-width: 760px) {
  :root { --gutter: 16px; }
}