/* ============================================================
   Uber Direct Delivery — Design Tokens
   MOOO surface follows the griddle design system (v2.0.1):
   warm stone neutrals, scarce brand color, hierarchy by brightness.
   Brand primary = INFI/griddle teal #2CBAB9 (lib/config/gColor.dart).
   ============================================================ */
:root {
  /* spacing — 4px base */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px;
  --space-6:24px; --space-8:32px; --space-10:40px; --space-12:48px; --space-16:64px;

  /* type scale */
  --text-xs:11px; --text-sm:13px; --text-base:15px; --text-md:17px;
  --text-lg:20px; --text-xl:24px; --text-2xl:30px; --text-3xl:38px;

  /* motion */
  --ease:cubic-bezier(0.22,1,0.36,1);
  --dur-fast:150ms; --dur-base:250ms; --dur-slow:400ms;

  /* elevation */
  --shadow-sm:0 1px 2px rgba(17,24,39,.04),0 1px 3px rgba(17,24,39,.06);
  --shadow-md:0 4px 12px rgba(17,24,39,.06),0 2px 4px rgba(17,24,39,.04);
  --shadow-lg:0 12px 32px rgba(17,24,39,.08),0 4px 12px rgba(17,24,39,.05);
  --shadow-xl:0 24px 64px rgba(17,24,39,.12);

  /* warm stone neutrals (locked) */
  --n-50:#FAFAF9; --n-100:#F5F5F4; --n-200:#E7E5E4; --n-300:#D6D3D1; --n-400:#A8A29E;
  --n-500:#78716C; --n-600:#57534E; --n-700:#44403C; --n-800:#292524; --n-900:#1C1917;

  /* brand (teal) + derived */
  --brand:#2CBAB9; --brand-hover:#239B9A; --brand-pressed:#1E8584;
  --on-brand:#FFFFFF; --brand-tint:#E8F6F6; --brand-tint-strong:#CDEDED;

  /* semantic surfaces (MOOO / warm) */
  --surface-bg:#F2F5F4; --surface-raised:#FFFFFF; --surface-sunken:#E9EEED;
  --text-primary:#1C1917; --text-secondary:#57534E; --text-tertiary:#A8A29E;
  --border-subtle:#E7E5E4; --border-default:#D6D3D1;
  --success:#2F7D32; --success-tint:#E7F2E8;
  --warning:#C77700; --warning-tint:#FBF1E2;
  --danger:#B83434; --danger-tint:#F8E9E9;

  /* radius (medium preset) */
  --radius-sm:10px; --radius-md:16px; --radius-lg:22px; --radius-pill:999px;

  /* fonts */
  --font-display:'Plus Jakarta Sans',system-ui,sans-serif;
  --font-body:'Plus Jakarta Sans',system-ui,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}
*{box-sizing:border-box}