/* ============================================================
   Tokens extracted from the LIVE pharmeasy.in stylesheet.
   Not the design-system reconstruction — where the two disagree,
   production wins, because the brief is "match pharmeasy.in".
     font    Inter, self-hosted, variable 400–700 (there is no 800)
     primary #10847e   text #30363c / #4f585e / #8897a2
     radius  8px is the dominant value (35 uses), then 16 / 4 / 12
     sizes   14px body (83 uses), then 16 / 12 / 18
   ============================================================ */

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: optional;
  src: url(https://assets.pharmeasy.in/web-assets/images/fonts/Inter-subset.woff2) format("woff2");
}

:root {
  /* ---------- BRAND ---------- */
  --teal-900: #0a534f;
  --teal-800: #134e48;   /* button label on light */
  --teal-700: #0e746e;   /* hover */
  --teal-600: #10847e;   /* PRIMARY */
  --teal-500: #45a081;
  --teal-300: #8fc4c0;
  --teal-200: #bcdedb;
  --teal-100: #e7f3f2;
  --teal-50:  #f2fff8;

  --coral-700: #cc4c4e;
  --coral-600: #f47779;
  --coral-100: #ffede9;
  --save-600:  #45a081;
  --save-100:  #f2fff8;

  /* ---------- NEUTRALS ---------- */
  --ink:     #30363c;
  --fg-1:    #30363c;
  --fg-2:    #4f585e;
  --fg-3:    #8897a2;
  --line:    #d7dfe5;
  --line-2:  #e6ebf4;
  --surface: #ffffff;
  --bg:      #f4f7fb;
  --footer-bg:   #edf2f9;
  --footer-line: #e6ebf4;

  --success: #45a081;  --success-bg: #f2fff8;
  --warning: #dc8a05;  --warning-bg: #fef3e1;
  --error:   #cc4c4e;  --error-bg:   #fce9e8;
  --info:    #004a91;  --info-bg:    #ebf2ff;

  /* ---------- TYPE ---------- */
  --font-sans: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --fs-body-lg: 16px;  --lh-body-lg: 24px;
  --fs-body:    14px;  --lh-body:    24px;   /* live line-height on 14px is 24 */
  --fs-sm:      13px;  --lh-sm:      20px;
  --fs-xs:      12px;  --lh-xs:      18px;
  --fs-micro:   11px;  --lh-micro:   16px;

  --fw-regular: 400; --fw-medium: 500; --fw-semi: 600; --fw-bold: 700;

  /* ---------- RADII — 8px is the live default ---------- */
  --r-xs: 2px;  --r-sm: 4px;  --r-md: 8px;  --r-lg: 12px;  --r-xl: 16px;  --r-pill: 100px;

  --sh-xs: 0 1px 2px  rgba(48,54,60,0.06);
  --sh-sm: 0 2px 8px  rgba(48,54,60,0.06);
  --sh-md: 0 4px 16px rgba(48,54,60,0.08);
  --sh-lg: 0 8px 28px rgba(48,54,60,0.10);

  --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; --sp-16: 64px;
}

html { font-size: 16px; touch-action: manipulation; }
body {
  font-family: var(--font-sans);
  color: var(--fg-1);
  background: var(--bg);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  -webkit-font-smoothing: antialiased;
}