/* Design tokens for the MDC Lashes theme.
   Derived from the reference study (see code/nghien-cuu-lashesbyrk/PHAN-TICH.md).
   Every other stylesheet must use these variables instead of raw values. */
:root {
  /* Brand */
  --c-rose: #ffc6bb;
  --c-blush: #ff9bb3;          /* primary accent: buttons, eyebrows, sale */
  --c-blush-dark: #f07c98;     /* hover state of blush buttons */
  --c-petal: #ffe0d8;
  --c-cream: #e9e5dd;

  /* Surfaces */
  --c-bg: #faf9f7;
  --c-surface: #ffffff;
  --c-glass: rgba(255, 255, 255, .92);

  /* Lines */
  --c-border: #dad4c8;
  --c-border-light: #eee9df;

  /* Text */
  --c-text: #292827;
  --c-text-2: #55534e;
  --c-muted: #757269;
  --c-on-dark: #ffffff;

  /* Status */
  --c-success: #00a544;
  --c-star: #f99c00;
  --c-danger: #e40014;

  /* Radius */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 24px;
  --r-xl: 40px;
  --r-pill: 9999px;

  /* Shadow */
  --sh-clay: 0 1px 1px #0000001a, 0 -1px 1px #0000000a inset, 0 -.5px 1px #0000000d;
  --sh-elevated: 0 4px 12px #00000014, 0 1px 3px #0000000f;
  --sh-glass: 0 8px 32px #0000000f, 0 1px 2px #0000000a;
  --sh-button: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;

  /* Type */
  --f-sans: "Be Vietnam Pro", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-display: "Playfair Display", Georgia, serif;
  --f-script: "Allura", cursive;

  --t-hero: clamp(40px, 6vw, 72px);
  --t-h1: clamp(32px, 4vw, 48px);
  --t-h2: clamp(28px, 3vw, 36px);
  --t-h3: 20px;
  --t-body: 16px;
  --t-small: 14px;
  --t-xs: 12px;
  --t-eyebrow: 11px;

  --ls-display: -.035em;
  --ls-heading: -.02em;
  --ls-eyebrow: .15em;
  --lh-display: 1.02;
  --lh-heading: 1.1;
  --lh-body: 1.6;

  /* Layout */
  --w-max: 1440px;
  --w-content: 1280px;
  --gutter: clamp(16px, 4vw, 48px);
  --space-section: clamp(56px, 8vw, 96px);
  --header-h: 72px;
  --announce-h: 36px;

  /* Motion */
  --ease: cubic-bezier(.4, 0, .2, 1);
  --dur: .2s;
}