/* OREDI design tokens: one scale for spacing, type, radius, elevation and motion.
   Loaded before shop.css and admin.css. Colours stay in each app's own :root, under the same names. */
:root {
  --wa: #17753F; /* WhatsApp buttons: white text on this passes 4.5:1 */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px; --sp-12: 48px;
  --fs-xs: .75rem; --fs-sm: .875rem; --fs-md: 1rem; --fs-lg: 1.125rem; --fs-xl: 1.375rem; --fs-2xl: 1.75rem; --fs-3xl: 2.25rem;
  --fw-body: 400; --fw-ui: 600; --fw-strong: 700; --fw-display: 800;
  --r-xs: 6px; --r-sm: 12px; --r-md: 16px; --r-lg: 22px; --r-xl: 28px; --r-pill: 999px;
  --r: var(--r-md);
  --e-1: 0 10px 28px -18px rgba(12, 34, 26, .28);
  --e-2: 0 10px 30px rgba(0, 0, 0, .22);
  --e-3: 0 24px 60px -12px rgba(0, 0, 0, .35);
  --t-fast: 120ms; --t-base: 200ms; --t-slow: 320ms;
  --ease-out: cubic-bezier(.2, .8, .2, 1); --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
  --tap: 44px;
  --white: #fff; --black: #000;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --e-1: 0 14px 34px -18px rgba(0, 0, 0, .7); --e-2: 0 10px 30px rgba(0, 0, 0, .5); --e-3: 0 24px 60px -12px rgba(0, 0, 0, .7); }
}
:root[data-theme="dark"] { --e-1: 0 14px 34px -18px rgba(0, 0, 0, .7); --e-2: 0 10px 30px rgba(0, 0, 0, .5); --e-3: 0 24px 60px -12px rgba(0, 0, 0, .7); }
/* No word alone on the last line */
p, li, dd, figcaption, .small, .muted { text-wrap: pretty; }
h1, h2, h3, h4 { text-wrap: balance; }