/**
 * Typography Layer — Pellier Design System
 *
 * Font imports and text utility classes for the redesigned storefront
 * and atelier surfaces. This file provides the design-system-specific
 * typography classes that new primitives and page components consume.
 *
 * Font families (via CSS variables from daylight-bridge):
 *   - Instrument Serif + Fraunces — display / editorial
 *   - Instrument Sans — UI body
 *   - JetBrains Mono — code, monospace surfaces
 *
 * The existing index.css font declarations remain untouched for backward
 * compatibility with unrebuilt components.
 */

/* ---------------------------------------------------------------------------
 * Font imports — @fontsource-variable packages provide @font-face rules
 * ------------------------------------------------------------------------- */

@import "@fontsource-variable/fraunces";
@import "@fontsource-variable/jetbrains-mono";

/* ---------------------------------------------------------------------------
 * Text utility classes — fluid sizes from tokens.ts
 * ------------------------------------------------------------------------- */

.text-display {
  font-family: var(--serif);
  font-size: clamp(28px, 4vw, 48px);
  font-weight: 400;
  line-height: 1.1;
}

.text-headline {
  font-family: var(--serif);
  font-size: clamp(22px, 3vw, 36px);
  font-weight: 400;
  line-height: 1.2;
}

.text-body {
  font-family: var(--sans);
  font-size: clamp(14px, 1.1vw, 16px);
  font-weight: 400;
  line-height: 1.6;
}

.text-body-sm {
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
}

.text-mono {
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  font-feature-settings: "liga" 1, "calt" 1;
}

.text-eyebrow {
  font-family: var(--sans);
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.16em;
}

.text-microcopy {
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.4;
}
