/* Design tokens — every themable value lives here. */
:root {
  /* Palette — warm ivory gallery (light rework of the dark client mockup) */
  --c-bg: #faf6ee;
  --c-bg-raised: #f3ecdf;
  --c-sidebar: #f5efe2;
  --c-text: #241d13;
  --c-text-muted: #716455;
  --c-text-faint: #a2937c;
  --c-hairline: #e7dcc7;
  --c-accent: #b07a1f;
  --c-accent-soft: rgba(176, 122, 31, 0.12);
  --c-scrim: rgba(31, 23, 12, 0.35);
  --c-ok: #4c7a3d;
  --c-err: #b0432f;

  /* Type */
  --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-sans: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --micro-tracking: 0.22em;
  --micro-size: 0.6875rem; /* 11px */

  /* Fluid type scale */
  --fs-hero: clamp(2.6rem, 6.5vw, 5.2rem);
  --fs-h1: clamp(2.2rem, 5vw, 4rem);
  --fs-h2: clamp(1.7rem, 3.2vw, 2.6rem);
  --fs-h3: clamp(1.3rem, 2.2vw, 1.8rem);
  --fs-body: 1.0625rem;
  --lh-body: 1.75;

  /* Layout */
  --sidebar-w: 250px;
  --content-max: 1180px;
  --content-wide: 1420px;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.75rem;
  --space-4: 3rem;
  --space-5: 5rem;
  --space-6: 8rem;
  --gutter: clamp(1.25rem, 4vw, 3.5rem);

  --radius: 2px;
  --shadow-card: 0 16px 44px -16px rgba(90, 68, 38, 0.28);

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 0.7s;
}

@font-face {
  font-family: 'Playfair Display';
  src: url('/fonts/playfair-display-latin.woff2') format('woff2');
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+2000-206F, U+2018-201F;
}
@font-face {
  font-family: 'Playfair Display';
  src: url('/fonts/playfair-display-latin-ext.woff2') format('woff2');
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-024F, U+1E00-1EFF;
}
@font-face {
  font-family: 'Playfair Display';
  src: url('/fonts/playfair-display-cyrillic.woff2') format('woff2');
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Manrope';
  src: url('/fonts/manrope-latin.woff2') format('woff2');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+2000-206F, U+2018-201F;
}
@font-face {
  font-family: 'Manrope';
  src: url('/fonts/manrope-latin-ext.woff2') format('woff2');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-024F, U+1E00-1EFF;
}
@font-face {
  font-family: 'Manrope';
  src: url('/fonts/manrope-cyrillic.woff2') format('woff2');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}