/* ===========================================================
   Свой Каркас — Design Tokens
   Palette: graphite (structure) + warm wood (texture) + green (accent)
   =========================================================== */
:root {
  /* --- Color: Graphite (primary text / dark surfaces) --- */
  --gr-900: #1E1D19;
  --gr-800: #2A2924;
  --gr-700: #45443C;
  --gr-500: #6E6C61;
  --gr-300: #A6A395;
  --gr-100: #DEDACB;

  /* --- Color: Wood (warm secondary, texture accents) --- */
  --wood-600: #A9764F;
  --wood-400: #C79A6C;
  --wood-200: #E4C9A6;
  --wood-100: #F1E4D2;

  /* --- Color: Green (primary accent — CTA, links, active states) --- */
  --green-700: #1F3D28;
  --green-600: #2F5A3B;
  --green-500: #3D7249;
  --green-400: #5A9268;
  --green-100: #E3ECE1;

  /* --- Surfaces --- */
  --bg: #F7F4EE;
  --bg-warm: #F1EAE0;
  --surface: #FFFFFF;
  --surface-dark: var(--gr-900);
  --border: #E2DCCC;
  --border-dark: rgba(255, 255, 255, 0.14);

  /* --- Text --- */
  --text: var(--gr-900);
  --text-muted: var(--gr-500);
  --text-on-dark: #F7F4EE;
  --text-on-dark-muted: #B8B4A5;

  /* --- Type --- */
  --font-sans: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;

  --fs-h1: clamp(2.25rem, 1.35rem + 3.6vw, 3.75rem);
  --fs-h2: clamp(1.75rem, 1.25rem + 2vw, 2.75rem);
  --fs-h3: clamp(1.25rem, 1.05rem + 0.8vw, 1.625rem);
  --fs-lead: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-eyebrow: 0.8125rem;

  --lh-tight: 1.12;
  --lh-heading: 1.25;
  --lh-body: 1.6;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* --- Spacing scale --- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --sp-10: 128px;

  /* --- Radius --- */
  --radius-s: 8px;
  --radius-m: 16px;
  --radius-l: 28px;
  --radius-pill: 999px;

  /* --- Shadow --- */
  --shadow-s: 0 1px 2px rgba(30, 29, 25, 0.06), 0 1px 1px rgba(30, 29, 25, 0.04);
  --shadow-m: 0 12px 28px rgba(30, 29, 25, 0.10), 0 2px 8px rgba(30, 29, 25, 0.06);
  --shadow-l: 0 24px 64px rgba(30, 29, 25, 0.16), 0 4px 16px rgba(30, 29, 25, 0.08);

  /* --- Layout --- */
  --container-max: 1280px;
  --container-pad: clamp(20px, 4vw, 64px);
  --header-h: 84px;
  --header-h-scrolled: 68px;

  /* --- Motion (calm, non-decorative per brief) --- */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 180ms;
  --dur-medium: 320ms;
  --dur-slow: 640ms;
}