/* Wadina design tokens, from design A "El Midan" (chosen 2026-11-10).
   Single source for the web app and the admin panel; the Expo app mirrors these values in its theme file.
   The brand name is not a token here: it lives in one config value in the app (APP_NAME). */
:root {
  /* brand */
  --w-green: #0A7A5A;        /* palm green: primary buttons, active states, logo */
  --w-green-dark: #075F46;   /* pressed state, text on green-soft */
  --w-green-soft: #E3F3EE;   /* notices, selected chips, icon backgrounds */

  /* neutrals (cool, never cream) */
  --w-bg: #F3F6F9;           /* app background */
  --w-surface: #FFFFFF;      /* cards, inputs, bars */
  --w-ink: #0E1B2A;          /* main text, admin sidebar */
  --w-ink-2: #51606F;        /* secondary text */
  --w-ink-3: #66727F;        /* captions, placeholders (AA on white) */
  --w-line: #E3E8EE;         /* borders, dividers */

  /* service tints: icon colour + soft background, never used for buttons */
  --w-taxi: #1D5FD1;      --w-taxi-soft: #E6EEFB;
  --w-delivery: #0A7A5A;  --w-delivery-soft: #E3F3EE;
  --w-food: #C93B63;      --w-food-soft: #FBE8EE;
  --w-market: #6B4BD8;    --w-market-soft: #EEEAFB;
  --w-directory: #0E8FA8; --w-directory-soft: #E0F3F7;
  --w-booking: #5A7300;   --w-booking-soft: #EEF4D8;   /* احجزلي */

  /* status */
  --w-danger: #B4231F;    --w-danger-soft: #FBE9E8;    /* cancel, on hold */
  --w-info: #1D5FD1;      --w-info-soft: #E6EEFB;      /* hints */
  --w-star: #E0A100;                                   /* ratings only */

  /* type */
  --w-font: "IBM Plex Sans Arabic", system-ui, sans-serif;
  --w-text-xs: 12.5px;  --w-text-sm: 14px;  --w-text-md: 17px;
  --w-text-lg: 19px;    --w-text-xl: 22px;  --w-text-2xl: 30px;  --w-text-hero: 44px;
  --w-weight-regular: 400;  --w-weight-medium: 500;  --w-weight-semibold: 600;  --w-weight-bold: 700;
  --w-leading: 1.55;

  /* space (4 px grid) */
  --w-space-1: 4px;  --w-space-2: 8px;  --w-space-3: 12px;  --w-space-4: 16px;
  --w-space-5: 20px; --w-space-6: 24px; --w-space-8: 32px;
  --w-screen-pad: 18px;

  /* shape */
  --w-radius-sm: 12px;  --w-radius-md: 16px;  --w-radius-lg: 18px;  --w-radius-xl: 20px;  --w-radius-pill: 999px;
  --w-shadow: 0 1px 2px rgba(14, 27, 42, .05), 0 8px 24px rgba(14, 27, 42, .06);

  /* touch */
  --w-tap-min: 44px;      /* smallest tappable thing */
  --w-button-h: 56px;     /* primary button */

  /* motion */
  --w-ease: cubic-bezier(.2, .8, .2, 1);
  --w-fast: 120ms;  --w-base: 220ms;  --w-slow: 450ms;
}