/*
  S402 design tokens. The ONLY file allowed to hold colour literals.
  Provenance: every hex below is a real pixel from a real asset, found by
  k-means (k=5, seeded) over the asset's RGB pixels, then snapped to the
  nearest real pixel coordinate (x,y from top-left).
    #000000  brand/LOGO S402 PNG...png      centroid frac 0.955, pixel (0,0)
    #080808  reference/SAMPUL S402 JPG      centroid frac 0.130, pixel (118,0)
    #303030  reference/SAMPUL S402 JPG      centroid, pixel (51,41)
    #858585  reference/SAMPUL S402 JPG      centroid, pixel (804,179)
    #c6c5c3  brand/LOGO S402 JPG            centroid, pixel (853,848)
    #fcfbfc  brand/LOGO S402 PNG...png      centroid frac 0.045, pixel (584,841)
    #18e2b2  reference/S402 1 (pill edge)   most saturated green-teal pixel in
                                            the pill/mark region, pixel (247,879)
  The brand PNG with alpha has 3,795,592 fully transparent pixels stored as
  pure black; logos were resized with premultiplied alpha to avoid dark fringes.
*/
:root {
  --color-ink: #000000;
  --color-deep: #080808;
  --color-line: #303030;
  --color-graphite: #858585;
  --color-silver: #c6c5c3;
  --color-white: #fcfbfc;
  --color-mint: #18e2b2;

  --bg: var(--color-deep);
  --fg: var(--color-white);
  --fg-soft: var(--color-silver);
  --fg-mute: var(--color-graphite);
  --surface: color-mix(in srgb, var(--color-white) 6%, var(--color-deep));
  --surface-hi: color-mix(in srgb, var(--color-white) 10%, var(--color-deep));
  --border: color-mix(in srgb, var(--color-white) 7%, transparent);
  --border-strong: color-mix(in srgb, var(--color-white) 13%, transparent);
  --mint-soft: color-mix(in srgb, var(--color-mint) 14%, transparent);
  --mint-faint: color-mix(in srgb, var(--color-mint) 6%, transparent);
  --veil: color-mix(in srgb, var(--color-deep) 80%, transparent);
  --shadow: color-mix(in srgb, var(--color-ink) 55%, transparent);

  --font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  /* measured off the reference: panel radius 22, button radius 18, control radius 14 */
  --r-panel: 22px;
  --r-btn: 18px;
  --r-ctl: 14px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-std: cubic-bezier(0.4, 0, 0.2, 1);
  --max: 1280px;
  --tap: 44px;
}