/* The Risk Shop — design tokens
   Recreates the base variables the prototype expected from the Sunny Design
   System (tokens.css / components.css), which were not part of the handoff.
   Values follow the README's documented Neka spec. The page's own :root block
   (in index.html) overrides the palette on top of these. */

@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@200;300;400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap');

:root {
  /* Type families */
  --sans: 'Work Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'DM Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Easing */
  --ease: cubic-bezier(.4, 0, .2, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);

  /* Radii */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 9999px;

  /* Shadows */
  --shadow-card: 0 1px 2px rgba(16, 24, 40, .04), 0 10px 28px rgba(16, 24, 40, .07);
  --shadow-pop: 0 4px 14px rgba(16, 24, 40, .10), 0 28px 56px rgba(16, 24, 40, .14);

  /* Faintest foreground tier (used by micro-labels / arrows; not in the
     page's :root override but referenced throughout its CSS). */
  --fg4: #9aa0a8;
}

/* The prototype set body font-family inline; standardize on Work Sans. */
body { font-family: var(--sans); }