/* ARGUS optical desk. Porcelain ground, plum ink, blush accent. Neutrals tinted toward plum. */
:root {
  --ground: oklch(0.9892 0.0055 3.33); /* #FFFAFB porcelain */
  --ground-band: oklch(0.9603 0.0069 354.80);
  --ground-raised: oklch(0.9773 0.0055 3.34);
  --ink: oklch(0.2845 0.0243 323.26); /* #302631 plum */
  --ink-soft: oklch(0.40 0.0243 323.26);
  --ink-faint: oklch(0.44 0.0243 323.26);
  --accent: oklch(0.7972 0.0754 358.54); /* #E6A9BC blush */
  --hairline: oklch(0.9142 0.0060 350.81);
  --rule: oklch(0.2845 0.0243 323.26 / 0.22);

  --font-display: "Bodoni Moda", Didot, "Bodoni MT", "Times New Roman", serif;
  --font-body: Onest, "Segoe UI", system-ui, sans-serif;
  --font-label: "Spline Sans Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  --fs-1: clamp(0.6875rem, 0.64rem + 0.22vw, 0.75rem);
  --fs-2: clamp(0.9375rem, 0.88rem + 0.28vw, 1.0625rem);
  --fs-3: clamp(1.125rem, 1rem + 0.55vw, 1.5rem);
  --fs-4: clamp(1.5rem, 1.15rem + 1.35vw, 2.375rem);
  --fs-5: clamp(2rem, 1.25rem + 2.6vw, 3.5rem);

  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;

  --measure: 55ch;
  --desk: 1180px;
  --hero-h: min(45vh, 460px);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --nav-h: 64px;
  --touch: 44px;
  --radius-card: 22px;
  --radius-inner: 12px;
  --shadow-card: 0 1px 2px oklch(0.2845 0.0243 323.26 / 0.05), 0 18px 40px -22px oklch(0.2845 0.0243 323.26 / 0.18);
  --shadow-card-hover: 0 1px 2px oklch(0.2845 0.0243 323.26 / 0.06), 0 24px 48px -20px oklch(0.2845 0.0243 323.26 / 0.22);

  /* Plumbing aliases used by nav-wallet, prestake, and the operator panel. */
  --card: var(--ground-raised);
  --band: var(--ground-band);
  --line: var(--hairline);
  --mute: var(--ink-soft);
  --pg-accent: var(--accent);
  --font-mono: var(--font-label);
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --fx-hover: 180ms;
  --ease-soft: var(--ease-out-quart);

  color-scheme: light;
}