/* Pharmacy OS sketch theme — provisional "warm neighbourhood" tokens.
   Source: .planning/research/DESIGN-BRIEF.md §2.3 (verbatim) + §4 type scale.
   Only --brand-* changes between themes; nothing else references raw hex. */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Noto+Sans+Sinhala:wght@400;500;600&family=Yaldevi:wght@500;600;700&display=swap');

:root {
  /* ---- primitives ---- */
  --brand-50:#FDF1EC; --brand-100:#FADFD3; --brand-300:#F1A184; --brand-500:#E4572E; --brand-600:#C8451E; --brand-700:#B23A16; --brand-900:#5E1F0C;
  --clinic-50:#E6F7F5; --clinic-100:#CCFBF1; --clinic-500:#14B8A6; --clinic-600:#0F766E; --clinic-700:#115E59; --clinic-900:#134E4A;
  --sand-0:#FFFFFF; --sand-50:#FBF8F4; --sand-100:#F3EEE7; --sand-200:#E7DFD5; --sand-300:#D6CCBF; --sand-500:#A89F94; --sand-700:#57534E; --sand-900:#1C1917;
  --green-100:#DCFCE7; --green-600:#16A34A; --green-700:#15803D; --green-900:#166534;
  --amber-100:#FEF3C7; --amber-600:#D97706; --amber-700:#B45309; --amber-900:#92400E;
  --red-100:#FEE2E2; --red-600:#DC2626; --red-700:#B91C1C; --red-900:#991B1B;

  /* ---- semantic (light) ---- */
  --bg:var(--sand-50); --surface:var(--sand-0); --surface-2:var(--sand-100); --border:var(--sand-200); --border-strong:var(--sand-300);
  --ink:var(--sand-900); --ink-2:var(--sand-700); --ink-3:var(--sand-500);
  --primary:var(--brand-500); --primary-hover:var(--brand-600); --primary-ink:var(--brand-700); --primary-soft:var(--brand-50); --on-primary:#FFFFFF;
  --clinical:var(--clinic-600); --clinical-soft:var(--clinic-50); --on-clinical:#FFFFFF;
  --ok:var(--green-700); --ok-soft:var(--green-100); --warn:var(--amber-700); --warn-soft:var(--amber-100); --danger:var(--red-700); --danger-soft:var(--red-100);
  --ai-high:var(--ok); --ai-mid:var(--warn); --ai-low:var(--danger);
  --sync-online:var(--ok); --sync-offline:var(--warn); --sync-attention:var(--danger);
  --focus:var(--clinic-500);

  /* ---- shape ---- */
  --r-xs:6px; --r-sm:10px; --r-md:14px; --r-lg:20px; --r-xl:28px; --r-pill:999px;
  --shadow-1:0 1px 2px rgb(28 25 23 / .06); --shadow-2:0 4px 12px rgb(28 25 23 / .08); --shadow-sheet:0 -8px 32px rgb(28 25 23 / .12);

  /* ---- spacing (4-pt) ---- */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px; --s-8:32px; --s-10:40px; --s-12:48px; --s-16:64px;
  --tap-min:48px; --tap-counter:56px; --thumb-zone:96px;

  /* ---- motion ---- */
  --t-instant:80ms; --t-fast:140ms; --t-base:200ms; --t-slow:300ms; --t-journey:600ms;
  --ease-out:cubic-bezier(.2,.8,.2,1); --ease-in-out:cubic-bezier(.4,0,.2,1); --ease-spring:cubic-bezier(.34,1.3,.64,1);

  /* ---- z ---- */
  --z-sticky:10; --z-header:20; --z-sheet:40; --z-toast:50; --z-scanner:60;

  /* ---- type (§4: Yaldevi for titles + big numbers, Inter/Noto Sans Sinhala for body) ---- */
  --font-display:'Yaldevi','Noto Sans Sinhala',Inter,system-ui,sans-serif;
  --font-body:Inter,'Noto Sans Sinhala',system-ui,Roboto,sans-serif;
  --text-display:32px; --text-h1:24px; --text-h2:20px; --text-h3:17px; --text-body:16px; --text-sm:14px; --text-caption:12px;
  --lh-latin:1.45; --lh-sinhala:1.6;
}