/*
 * poshmark.resellermath.com / Poshmark Offer Calculator theme tokens.
 * OKLCH is the source of truth (LVL color.md). This is the ONE tokens file for
 * the site: the golden template and the tool UI consume these values unchanged.
 *
 * Theme: "closet boutique" - deep plum-ink text on a warm blush-cream page, with
 * a confident Poshmark-adjacent magenta-pink accent and a clear amber caution.
 * A distinct sibling of the reseller house look: commercial and energetic, but
 * high-contrast and trustworthy rather than candy.
 */
:root {
  --color-bg: oklch(0.985 0.008 350);
  --color-text: oklch(0.27 0.035 340);
  --color-heading: oklch(0.23 0.06 345);
  --color-muted: oklch(0.47 0.035 340);
  --color-border: oklch(0.89 0.02 345);
  --color-border-strong: oklch(0.55 0.06 345);
  --color-link: oklch(0.5 0.16 350);
  --color-link-hover: oklch(0.41 0.17 352);
  --color-accent: oklch(0.58 0.2 350);
  --color-accent-hover: oklch(0.5 0.2 351);
  --color-on-accent: oklch(0.99 0.01 350);
  --color-error: oklch(0.52 0.18 27);
  --color-focus: oklch(0.55 0.16 350);

  /* Verdict / status colours for the ladder and reverse-solve panel */
  --color-ok: oklch(0.55 0.13 155);
  --color-warn: oklch(0.62 0.13 75);

  /* Typography */
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial,
    sans-serif;
  --font-heading: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia,
    "Times New Roman", serif;
  --font-size-base: 1.0625rem;
  --font-size-h1: 2.1rem;
  --font-size-h2: 1.45rem;

  /* Layout */
  --content-width: 46rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --radius: 0.65rem;
}