/* fastov30.ru — Private Legal Practice design tokens */
:root {
  color-scheme: light;

  /* Neutral base */
  --color-background: #f3f2ee;
  --color-surface: #fcfbf8;
  --color-surface-elevated: #ffffff;
  --color-ink: #171a1d;
  --color-ink-muted: #5b6067;
  --color-line: #d4d1ca;
  --color-line-strong: #a6a19a;

  /* The only brand accent; variants are interaction states only. */
  --color-accent: #0b6571;
  --color-accent-hover: #084c55;
  --color-accent-active: #063c43;
  --color-on-accent: #ffffff;
  --color-focus: var(--color-accent);

  --font-display: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-body: "Source Sans 3", Arial, sans-serif;

  --font-size-display: clamp(3.5rem, 7.5vw, 6.75rem);
  --font-size-h1: clamp(2.75rem, 5.2vw, 4.75rem);
  --font-size-h2: clamp(2rem, 3.6vw, 3.25rem);
  --font-size-h3: clamp(1.375rem, 2vw, 1.75rem);
  --font-size-lead: clamp(1.125rem, 1.6vw, 1.375rem);
  --font-size-body: 1.0625rem;
  --font-size-small: 0.875rem;
  --font-size-caption: 0.75rem;
  --font-size-overline: 0.6875rem;

  --line-height-display: 0.94;
  --line-height-h1: 0.98;
  --line-height-h2: 1.04;
  --line-height-h3: 1.15;
  --line-height-lead: 1.45;
  --line-height-body: 1.65;
  --line-height-small: 1.5;
  --line-height-caption: 1.35;

  --tracking-display: -0.035em;
  --tracking-heading: -0.02em;
  --tracking-body: 0;
  --tracking-overline: 0.11em;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-32: 8rem;
  --space-section: clamp(4.5rem, 9vw, 8rem);

  --layout-max: 80rem;
  --layout-reading: 68ch;
  --layout-gutter: clamp(1rem, 3vw, 2.5rem);

  --radius-none: 0;
  --radius-action: 0.125rem;
  --radius-subtle: 0.25rem;
  --radius-floating: 0.5rem;

  --border-subtle: 1px solid var(--color-line);
  --border-strong: 1px solid var(--color-line-strong);
  --shadow-none: none;
  --shadow-floating: 0 18px 48px rgb(23 26 29 / 12%);

  --icon-size-sm: 1.125rem;
  --icon-size-md: 1.25rem;
  --icon-size-lg: 1.5rem;
  --icon-stroke: 1.75;

  --duration-micro: 120ms;
  --duration-normal: 180ms;
  --duration-deliberate: 220ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);

  --action-min-height: 3rem;
  --tap-target-min: 2.75rem;
  --responsibility-line-width: 2px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-micro: 0ms;
    --duration-normal: 0ms;
    --duration-deliberate: 0ms;
  }
}