/* Hallmark · macrostructure: Long Document · tone: utilitarian-modern · anchor hue: teal-205
 * theme: custom (vibe: "utility people need daily, quietly confident"
 *   · paper oklch(98.6% 0.004 200) · accent oklch(48% 0.1 205) cool
 *   · Inter display + Inter body)
 * axes: light paper / geometric-sans / cool accent
 * pre-emit critique: P5 H5 E5 S5 R5 V4
 */

:root {
  /* ---- surfaces ---- */
  --color-paper: oklch(98.6% 0.004 200);
  --color-surface: oklch(99.5% 0.003 200);
  --color-field: oklch(97.4% 0.004 200);
  --color-tint: oklch(96.2% 0.014 205);
  --color-tint-strong: oklch(96.6% 0.014 205);
  --color-footer: oklch(19% 0.012 240);

  /* ---- ink ---- */
  --color-ink: oklch(21% 0.015 240);
  --color-ink-muted: oklch(45% 0.012 240);
  --color-ink-soft: oklch(56% 0.012 240);
  --color-ink-faint: oklch(62% 0.012 240);
  --color-ink-inverse: oklch(99% 0.004 205);
  --color-ink-footer: oklch(94% 0.006 220);
  --color-ink-footer-muted: oklch(80% 0.012 220);
  --color-ink-footer-faint: oklch(66% 0.012 220);

  /* ---- accent ---- */
  /* яркая пара для тёмного hero: светлый акцент + тёмный текст на нём */
  --color-accent-bright: oklch(62% 0.11 205);
  --color-accent-bright-hover: oklch(68% 0.11 205);
  --color-on-accent-dark: oklch(17% 0.03 240);
  --color-accent: oklch(48% 0.1 205);
  --color-accent-hover: oklch(40% 0.1 205);
  --color-accent-deep: oklch(38% 0.1 205);
  --color-accent-ink: oklch(30% 0.03 205);

  /* ---- status ---- */
  --color-success: oklch(58% 0.13 150);
  --color-success-ink: oklch(99% 0.01 150);
  --color-danger: oklch(55% 0.13 25);
  --color-danger-hover: oklch(47% 0.13 25);
  --color-danger-rule: oklch(87% 0.03 25);
  --color-danger-ink: oklch(99% 0.01 25);

  /* ---- rules ---- */
  --color-rule: oklch(90% 0.006 220);
  --color-rule-soft: oklch(92% 0.006 220);
  --color-rule-firm: oklch(89% 0.006 220);
  --color-rule-tint: oklch(91% 0.012 205);
  --color-rule-dash: oklch(80% 0.02 220);
  --color-rule-footer: oklch(30% 0.012 240);
  --color-dot: oklch(76% 0.01 220);

  /* ---- focus ---- */
  --color-focus: oklch(48% 0.16 205);

  /* ---- type ---- */
  --font-body: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  --text-display: clamp(38px, 7.2vw, 68px);
  --text-h2: clamp(28px, 4.4vw, 40px);
  --text-h2-sm: clamp(22px, 5vw, 26px);
  --text-statement: clamp(26px, 4.2vw, 40px);
  --text-lead: clamp(17px, 2.2vw, 20px);
  --text-pain: clamp(18px, 2.4vw, 21px);
  --text-h3: 20px;
  --text-base: 17px;
  --text-sm: 16.5px;
  --text-xs: 15px;
  --text-2xs: 14px;
  --text-3xs: 13.5px;
  --text-label: 12px;

  /* ---- space (4pt scale) ---- */
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;

  --space-section: clamp(56px, 9vw, 104px);
  --space-section-sm: clamp(48px, 7vw, 88px);
  --space-gutter: 20px;
  --measure: 960px;

  /* ---- radii ---- */
  --radius-sm: 7px;
  --radius-md: 9px;
  --radius-lg: 12px;
  --radius-xl: 14px;

  /* ---- motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 140ms;
  --dur-base: 200ms;
}