/* Natali's shared visual vocabulary. Public pages and admin use this file.
   Keep component geometry in its owner stylesheet; see DESIGN.md. */
:root{
  --teal-50:#EEF8F9;
  --teal-100:#D9EFF2;
  --teal-200:#B4DFE5;
  --teal-300:#7FC8D1;
  --teal-400:#54B0BC;
  --teal:#3AA2AD;
  --teal-600:#2F8792;
  --teal-700:#256C76;
  --teal-800:#1C525A;
  --teal-900:#123840;
  --ink:#16262B;
  --graphite:#545456;
  --muted:#596B73;
  --line:#E4EDEF;
  --bg:#FFFFFF;
  --surface:#F6FBFC;
  /* Brand teal decorates; the darker action color carries white text. */
  --action:var(--teal-700);
  --action-hover:var(--teal-800);
  --success:#21735F;
  --success-bg:#EEF9F5;
  --success-border:#BEDBCD;
  --success-badge-bg:#DCEFE5;
  --change:#62517E;
  --change-bg:#F4F1FA;
  --change-border:#D9CFE9;
  --change-badge-bg:#E9E3F5;
  --warning:#845B15;
  --warning-bg:#FFF8E8;
  --danger:#A63036;
  --danger-bg:#FFF6F5;
  --radius-sm:10px;
  --radius:16px;
  --radius-lg:24px;
  --radius-pill:999px;
  --shadow-xs:0 1px 2px rgba(18,56,64,.06);
  --shadow-sm:0 2px 10px rgba(18,56,64,.06);
  --shadow:0 10px 30px -12px rgba(18,56,64,.18);
  --shadow-lg:0 28px 60px -28px rgba(18,56,64,.32);
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-6:24px;
  --space-8:32px;
  --space-12:48px;
  --header-h:74px;
  --maxw:1180px;
  --gap:clamp(16px,2.4vw,28px);
  --ease:cubic-bezier(.22,.75,.3,1);
  --font:"Heebo","Assistant","Segoe UI",system-ui,-apple-system,"Noto Sans Hebrew",Arial,sans-serif;
  --text-body:1rem;
  --text-copy:.97rem;
  --text-description:.92rem;
  --text-summary-name:.875rem;
  --text-summary-price:.8125rem;
  --text-summary-caption:.75rem;
  --text-small:.875rem;
  --text-caption:.8125rem;
  --text-card-title:1.125rem;
  --text-h1:clamp(1.95rem,3.9vw,3rem);
  --text-h2:clamp(1.6rem,3vw,2.4rem);
}
/* Respect browser font preferences: 17 / 18px only at default settings. */
html{font-size:106.25%;-webkit-text-size-adjust:100%}
@media (min-width:960px){html{font-size:112.5%}}