/* PLUGGED LA CUTZ — design tokens */
:root {
  /* palette — near-monochrome; the photography carries the richness */
  --ink: #0a0a0b;
  --graphite: #17181a;
  --graphite-2: #1f2124;
  --smoke: #84888f; /* lightened for small-text contrast on dark panels */
  --silver: #b9bcc1;
  --silver-bright: #dcdee2;
  --marble: #f4f4f2;
  --night-blue: #0e1522;
  --line: rgba(185, 188, 193, 0.18);

  --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-sans: 'Inter', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;

  /* type scale */
  --fs-hero: clamp(2.6rem, 1rem + 6.5vw, 6.4rem);
  --fs-h2: clamp(2rem, 1rem + 3.4vw, 3.8rem);
  --fs-lead: clamp(1.05rem, 0.95rem + 0.4vw, 1.3rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;    /* +8% readability pass, hierarchy unchanged */
  --fs-eyebrow: 0.8125rem; /* +8% readability pass, hierarchy unchanged */

  --track-eyebrow: 0.32em;
  --track-button: 0.14em;

  --space-section: clamp(6rem, 4rem + 8vw, 11rem);
  --gutter: clamp(1.25rem, 4vw, 4rem);
  --content-max: 84rem;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 220ms;
  --dur-med: 480ms;

  --nav-h: 4.5rem;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}

@font-face {
  font-family: 'Playfair Display';
  src: url('../../assets/fonts/playfair-500.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Playfair Display';
  src: url('../../assets/fonts/playfair-600.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Playfair Display';
  src: url('../../assets/fonts/playfair-700.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../../assets/fonts/inter-400.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../../assets/fonts/inter-500.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../../assets/fonts/inter-600.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}