/*
  Color literals live here ONLY. Every value below was sampled from the
  brand assets by k-means (k=6) over opaque/near-opaque pixels, snapped to
  the nearest real pixel's exact color. Nothing here was invented.

  Source A: brand/LOGO ALPHACOIN PNG.png (2000x2000, RGB, flat navy backdrop)
  Source B: brand/LOGO ALPHACOIN PNG...png (2000x2000, RGBA, transparent backdrop)
  Method: k-means, k=6, seed=42, 30 iterations max, run scripts/analyze.py.
*/
:root {
  /* Source A centroid #0b2466, count 2,926,811/4,000,000 (73.2%), snapped px(0,0) */
  --color-bg: #0b2466;
  /* Source B centroid #033089, count 332,662/1,069,203 opaque px (31.1%), snapped px(958,545) — coin body / dark ring */
  --color-navy: #033089;
  /* Source B centroid #0055ea, count 231,261 (21.6%), snapped px(1225,705) — primary blue */
  --color-primary: #0055ea;
  /* Source A centroid #0048d3, count 193,680 (4.8%), snapped px(990,440) — primary hover/deep blue */
  --color-primary-deep: #0048d3;
  /* Source B centroid #0ba0fd, count 81,920 (7.7%), snapped px(1036,1039) — bright accent ring */
  --color-accent: #0ba0fd;
  /* Source B centroid #b9f9fd, count 74,111 (6.9%), snapped px(938,420) — pale cyan highlight */
  --color-highlight: #b9f9fd;
  /* Source B centroid #fcfdfe, count 216,560 (20.3%), snapped px(1131,433) — glyph white */
  --color-white: #fcfdfe;

  --color-text: var(--color-white);
  --color-text-muted: #8fa3c9;
  --color-border: rgba(185, 249, 253, 0.16);
  --color-surface: rgba(3, 48, 137, 0.35);

  --font-display: "Nunito", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;

  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 0.35s;
  --duration-medium: 0.6s;

  --radius-pill: 999px;
  --radius-card: 20px;

  --tap-min: 44px;
}