/*
 * Design tokens for Dior's Jewelers.
 * Generated by scripts/tokens-to-css.mjs from the design system. Do not edit by hand:
 * change the design system and run the script again.
 */
:root {
  /* colour */
  --c-bg: #fbf7f3;
  --c-surface: #f3ebe1;
  --c-surface-alt: #e7d9c9;
  --c-card: #ffffff;
  --c-blush: #f0d9d9;
  --c-dusty-rose: #d4a5a5;
  --c-ink: #1a1a1a;
  --c-ink-soft: #5a5050;
  --c-line: #e0d3c3;
  --c-brand: #8b3f4f;
  --c-brand-strong: #6b2f3c;
  --c-on-brand: #ffffff;
  --c-accent: #c9a169;
  --c-on-accent: #1a1a1a;
  --c-dark: #0d0d0d;
  --c-on-dark: #fbf7f3;
  --c-on-dark-soft: #c0b2a6;
  --c-focus: #1a1a1a;
  --c-focus-on-dark: #fbf7f3;
  --c-success: #2e7d4a;
  --c-danger: #b23a3a;

  /* type */
  --font-display: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --fs-display: clamp(2.625rem, 1.7935rem + 3.6957vw, 4.75rem);
  --fs-h1: clamp(2.25rem, 1.7609rem + 2.1739vw, 3.5rem);
  --fs-h2: clamp(1.875rem, 1.5571rem + 1.413vw, 2.6875rem);
  --fs-h3: clamp(1.3125rem, 1.2147rem + 0.4348vw, 1.5625rem);
  --fs-h4: 1.0625rem;
  --fs-lead: clamp(1.0625rem, 1.0136rem + 0.2174vw, 1.1875rem);
  --fs-body: 1.0313rem;
  --fs-small: 0.9063rem;
  --fs-eyebrow: 0.75rem;
  --lh-tight: 1.02;
  --lh-heading: 1.12;
  --lh-body: 1.7;
  --fw-display: 400;
  --fw-heading: 400;
  --fw-body: 400;
  --fw-strong: 600;
  --ls-eyebrow: 0.17em;

  /* space */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 7rem;
  --section-y: 4rem;
  --gutter: 1.25rem;
  --container: 1280px;
  --container-narrow: 760px;

  /* shape */
  --radius-s: 2px;
  --radius-m: 3px;
  --radius-l: 4px;
  --radius-pill: 999px;
  --shadow-1: 0 1px 2px rgba(26,26,26,.05);
  --shadow-2: 0 12px 32px rgba(26,26,26,.10);
  --header-h: 96px;
}