/* WATEEN_DESIGN_SYSTEM_STAGE=1
   Single source of truth for storefront visual tokens.
   Phase 1 intentionally changes no existing selectors or behavior.
*/
:root{
  /* Brand */
  --wt-color-red:#ff3b4a;
  --wt-color-coral:#ff7b7b;
  --wt-color-teal:#0b5e72;
  --wt-color-teal-deep:#083f4d;
  --wt-color-sky:#a9ced6;
  --wt-color-ink:#16333b;
  --wt-color-muted:#74858a;
  --wt-color-line:#e4ecee;
  --wt-color-surface:#ffffff;
  --wt-color-surface-soft:#fbfefe;
  --wt-color-canvas:#f3f6f8;
  --wt-color-navy:#06111c;
  --wt-color-navy-soft:#0b2332;
  --wt-color-text:#1f3b43;

  /* Radius */
  --wt-radius-xs:8px;
  --wt-radius-sm:12px;
  --wt-radius-md:16px;
  --wt-radius-lg:22px;
  --wt-radius-xl:30px;
  --wt-radius-pill:999px;

  /* Spacing */
  --wt-space-1:4px;
  --wt-space-2:8px;
  --wt-space-3:12px;
  --wt-space-4:16px;
  --wt-space-5:20px;
  --wt-space-6:24px;
  --wt-space-8:32px;
  --wt-space-10:40px;
  --wt-space-12:48px;

  /* Type */
  --wt-font-ui:Arial,Tahoma,sans-serif;
  --wt-text-xs:11px;
  --wt-text-sm:13px;
  --wt-text-md:15px;
  --wt-text-lg:18px;
  --wt-text-xl:24px;
  --wt-weight-medium:600;
  --wt-weight-bold:800;
  --wt-weight-black:950;

  /* Layout */
  --wt-shell:1180px;
  --wt-shell-wide:1440px;
  --wt-header-height:76px;
  --wt-touch-target:44px;

  /* Elevation */
  --wt-shadow-sm:0 4px 14px rgba(8,63,77,.04);
  --wt-shadow-md:0 10px 28px rgba(8,63,77,.08);
  --wt-shadow-lg:0 18px 48px rgba(8,63,77,.12);

  /* Motion */
  --wt-ease:cubic-bezier(.2,.8,.2,1);
  --wt-duration-fast:160ms;
  --wt-duration-normal:240ms;
}