/* BerrySure design tokens — merged from the official design system
   (design-system/berrysure-design-system/project/tokens/). */

/* ITC Avant Garde Std — used for the hero story copy (Bold headings / Book body). */
@font-face {
  font-family: 'ITC Avant Garde Std';
  src: url('../assets/fonts/ITCAvantGardeStd-Bold.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'ITC Avant Garde Std';
  src: url('../assets/fonts/ITCAvantGardeStd-Md.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'ITC Avant Garde Std';
  src: url('../assets/fonts/ITCAvantGardeStd-Bk.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}

:root {
  /* ITC Avant Garde for the hero story + all headings site-wide */
  --font-avantgarde: 'ITC Avant Garde Std', 'Century Gothic', var(--font-sans);
  --font-heading: var(--font-avantgarde);

  /* Core neutrals */
  --paper-white: #FFFFFF;
  --ink-charcoal: #2E3838;
  --body-grey: #7A8285;
  --hairline: #DDE2E3;

  /* Brand hues — one colour pair per product line.
     The site-wide default is the nitrile pair. */
  --violet: #673F8C;         /* DEFAULT / nitrile examination — primary */
  --violet-light: #45366C;   /* nitrile — deep secondary + hover */
  --magenta: #CE2351;        /* latex examination — primary */
  --magenta-deep: #8F273A;   /* latex examination — deep secondary */
  --deep-teal: #2D575E;      /* latex surgical — primary */
  --aqua-cyan: #79C9D9;      /* latex surgical — bright secondary */
  --cyan-highlight: #79C9D9; /* lighter aqua fills/blobs */
  --leaf-lime: #A8CC42;      /* minor accent only, never text */

  /* Tints */
  --violet-tint: #F1EBF7;
  --teal-tint: #EAF6F8;
  --magenta-tint: #FBEAEF;

  /* Semantic aliases */
  --brand-accent: var(--violet);
  --brand-accent-secondary: var(--violet-light);
  --brand-accent-tint: var(--violet-tint);

  --surface-page: var(--paper-white);
  --surface-card: var(--paper-white);
  --text-heading: var(--ink-charcoal);
  --text-body: var(--ink-charcoal);
  --text-secondary: var(--body-grey);
  --border-hairline: var(--hairline);
  --link: var(--violet);
  --link-hover: var(--violet-light);

  /* Type */
  --font-sans: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --type-hero-size: 56px;
  --type-hero-weight: 700;
  --type-hero-leading: 1.04;
  --type-h2-size: 32px;
  --type-h2-weight: 700;
  --type-h2-leading: 1.15;
  --type-label-size: 19px;
  --type-label-weight: 700;
  --type-descriptor-size: 15px;
  --type-body-size: 15px;
  --type-body-leading: 1.55;
  --type-caption-size: 13px;
  --type-tagline-size: 18px;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --page-margin: var(--space-8);

  /* Radii */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  --rule: 1px solid var(--hairline);
  --shadow-float: 0 8px 30px rgba(46, 56, 56, 0.10);
}

/* Product-line scopes: swap the active accent inside a product's context only
   (used on cards/rows that sit on the light default pages). */
.line-surgical {
  --brand-accent: var(--deep-teal);
  --brand-accent-secondary: var(--aqua-cyan);
  --brand-accent-tint: var(--teal-tint);
}
.line-latex {
  --brand-accent: var(--magenta);
  --brand-accent-secondary: var(--magenta-deep);
  --brand-accent-tint: var(--magenta-tint);
}
.line-nitrile {
  --brand-accent: var(--violet);
  --brand-accent-secondary: var(--violet-light);
  --brand-accent-tint: var(--violet-tint);
}