/* SONS Smart — design tokens. Variable NAMES kept from the shared component library (app/admin mocks use --red etc.);
   VALUES are SONS brand: coral #F7434E primary, sun yellow #FDD300 accent, playful character palette. */
:root{
  --red:#F7434E; --red-600:#E2303B; --red-700:#C21F2A; --red-50:#FFF1F2; --red-100:#FFE1E3; --red-200:#FDBBC0;
  --sun:#FDD300; --sun-600:#F2B800; --sun-50:#FFF9DB;
  --c-cyan:#2EC4E6; --c-green:#1FA751; --c-orange:#FF7A1A; --c-pink:#FF3D6E; --c-purple:#8B4FD6;
  --ink:#1E1B2E; --ink-2:#3B3850; --ink-3:#6E6B80; --ink-4:#A3A0B3;
  --line:#ECE9F2; --line-2:#F4F2F8; --paper:#FFFFFF; --mist:#FFF8F4; --mist-2:#FFFCFA;
  --ok:#1FA751; --warn:#F2B800;
  --data-2:#1E1B2E; --data-3:#D9D6E2;
  --r-xs:8px; --r-sm:12px; --r-md:16px; --r-lg:24px; --r-xl:32px; --r-pill:999px;
  --sh-1:0 1px 2px rgba(30,27,46,.05),0 1px 1px rgba(30,27,46,.03);
  --sh-2:0 10px 28px -10px rgba(30,27,46,.16),0 2px 6px rgba(30,27,46,.05);
  --sh-3:0 32px 64px -24px rgba(30,27,46,.28),0 12px 24px -12px rgba(30,27,46,.12);
  --sh-red:0 14px 30px -12px rgba(247,67,78,.55);
  --f-display:"Poppins","Helvetica Neue",Arial,sans-serif;
  --f-body:"Roboto","Helvetica Neue",Arial,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,monospace;
  --ease:cubic-bezier(.2,.7,.2,1);
  --icon-accent:#F7434E;
}
.capsule{border-radius:999px}