/* HairTry web design tokens. Source: live /?lang=ja&country=JP, 2026-10-02.
   Shared by editorial pages and the existing Web try-on. Do not change the
   accepted LP just to make an article fit: extend semantic tokens instead. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Text:wght@400;700&display=swap');
:root {
  --ht-color-ink: #171c25;
  --ht-color-muted: #69707d;
  --ht-color-paper: #ffffff;
  --ht-color-blue: #eff8fc;
  --ht-color-soft: #f6f9fb;
  --ht-color-faq: #f4f4f5;
  --ht-color-line: #e1e6e9;
  --ht-color-outline: #a5adb7;
  --ht-color-focus: #28758b;
  --ht-color-footer: #191d27;
  --ht-color-footer-text: #cbd0da;
  --ht-color-error: #833a22;
  --ht-color-error-bg: #fff6f1;
  --ht-font-body: 'DM Sans', 'Hiragino Sans', 'Yu Gothic', sans-serif;
  --ht-font-display: 'Libre Caslon Text', Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;
  --ht-size-body: 16px;
  --ht-size-small: 13px;
  --ht-size-eyebrow: 11px;
  --ht-size-h1: clamp(32px, 3.8vw, 54px);
  --ht-size-h2: clamp(28px, 3vw, 43px);
  --ht-size-h3: clamp(22px, 2.2vw, 30px);
  --ht-leading-body: 1.8;
  --ht-leading-heading: 1.25;
  --ht-tracking-display: -.045em;
  --ht-tracking-eyebrow: .23em;
  --ht-space-1: 4px;
  --ht-space-2: 8px;
  --ht-space-3: 12px;
  --ht-space-4: 16px;
  --ht-space-6: 24px;
  --ht-space-8: 32px;
  --ht-space-10: 40px;
  --ht-space-12: 48px;
  --ht-space-16: 64px;
  --ht-space-24: 96px;
  --ht-radius-control: 5px;
  --ht-radius-card: 10px;
  --ht-radius-photo: 18px;
  --ht-width-page: 1184px;
  --ht-width-reading: 720px;
  --ht-height-control: 58px;
  --ht-height-target: 44px;
  --ht-shadow-photo: 0 20px 45px #263a5018;
  --ht-motion-fast: 180ms;
  --ht-asset-wash: url('/images/lp-personal-v1/hero-wash-v3.webp');
}