/* The only file in the repo allowed to hold colour literals.
   Provenance: src/palette.provenance.json. Method: k-means (k=6) on brand/ and reference/ files,
   centroids snapped to a real pixel coordinate. Ink and paper come from brand/LOGO FANTERA PNG.png
   at (464,713) and (0,0). The five accents are the max-saturation pixels of each column of
   reference/SAMPUL FANTERA JPG.jpg.jpeg; the deep tones are its k-means centroids snapped to real pixels. */
:root {
  --ink: #020202;
  --paper: #f5f6f1;
  --violet: #6619ff;
  --blue: #005cff;
  --green: #02e770;
  --amber: #ffa800;
  --magenta: #ff2998;
  --deep-violet: #21085b;
  --deep-blue: #184dbf;
  --deep-green: #026f36;
  --deep-amber: #ab6a02;
  --deep-magenta: #a81162;

  --color-bg: var(--ink);
  --color-fg: var(--paper);
  --color-accent: var(--green);
  --color-up: var(--green);
  --color-down: var(--magenta);
  --color-card: color-mix(in srgb, var(--paper) 5%, var(--ink));
  --color-card-hi: color-mix(in srgb, var(--paper) 9%, var(--ink));
  --color-line: color-mix(in srgb, var(--paper) 13%, var(--ink));
  --color-line-hi: color-mix(in srgb, var(--paper) 30%, var(--ink));
  --color-soft: color-mix(in srgb, var(--paper) 66%, var(--ink));
  --color-dim: color-mix(in srgb, var(--paper) 44%, var(--ink));

  /* motion values measured off the reference: arrive .7s ease-out, hover .16s, plate .62s, belt 40s linear */
  --ease-plate: cubic-bezier(.22, 1, .36, 1);
  --ease-card: cubic-bezier(.3, .8, .4, 1);
  --dur-hover: .16s;
  --dur-arrive: .7s;
  --dur-belt: 40s;
  --pad-x: clamp(16px, 3.4vw, 48px);
  --radius-chip: 16px;
  --radius-card: 21px;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Arial Narrow", "Helvetica Neue", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;
}