/* Lotworth — shared design tokens (single source of truth).
   Brand law: two colors + one glyph. Navy = ink/structure; emerald = THE
   sticker (reserve for value / affirmation / primary action, never a generic
   accent); peel = the sticker's highlight + focus rings; paper = never pure
   white. The price-dot is tilted -12deg, always.
   Change a token HERE and it propagates to home, /early and /upload at once.
   The legacy --text/--dim/--faint/--line/--card aliases (used by /upload's
   existing rules) are mapped to the canonical tokens so they can never drift. */
:root{
  --navy:#16324a; --navy-800:#102740;
  --emerald:#10b981; --emerald-700:#047857; --peel:#6ee7b7;
  --paper:#faf9f6; --white:#fff;
  --ink-900:#1a1c1e; --ink-700:#3d4147; --ink-500:#6f757d; --ink-400:#969ba2;
  --border:#e3e0d8; --border-card:#e7e3da;
  --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --shadow-sm:0 1px 2px rgba(22,50,74,.06),0 2px 8px rgba(22,50,74,.05);
  --shadow-lg:0 6px 24px rgba(22,50,74,.10);
  --tilt:-12deg;
  /* legacy aliases used by /upload — mapped to canonical tokens */
  --text:var(--navy); --dim:var(--ink-500); --faint:var(--ink-400);
  --line:var(--border); --line2:#cfcabd; --card:var(--border-card);
}