/* Банкинет.ру — проход 4. Кухонный реестр.
   Seed: seed-065 oklch(0.797 0.166 113.1), L опущен до чернил.
   Не #0d8bff, не Golos, не шапка 72, не футер #e2ebf3. */
@import url("https://fonts.googleapis.com/css2?family=Onest:wght@700&family=Source+Sans+3:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap");

:root {
  color-scheme: light;

  --bg: oklch(0.965 0 0);
  --surface: oklch(1 0 0);
  --surface-2: oklch(0.94 0 0);
  --surface-hover: oklch(0.975 0.006 113);
  --footer-bg: oklch(0.94 0 0);
  --ink: oklch(0.22 0.025 113);
  --ink-strong: oklch(0.18 0.03 113);
  --muted: oklch(0.38 0.02 113);
  --line: oklch(0.88 0.008 113);
  --line-strong: oklch(0.78 0.012 113);
  --input-border: oklch(0.78 0.012 113);
  --primary: oklch(0.43 0.1 113);
  --primary-hover: oklch(0.37 0.095 113);
  --primary-active: oklch(0.32 0.09 113);
  --primary-ink: oklch(0.99 0.01 113);
  --cta-row: oklch(0.24 0.02 113);
  --cta-row-hover: oklch(0.18 0.02 113);
  --link: oklch(0.36 0.08 113);
  --link-hover: oklch(0.3 0.08 113);
  --link-visited: oklch(0.34 0.05 130);
  --success: oklch(0.38 0.09 145);
  --success-bg: oklch(0.95 0.03 145);
  --warning: oklch(0.48 0.12 75);
  --warning-bg: oklch(0.96 0.04 85);
  --on-warning: oklch(0.22 0.05 75);
  --danger: oklch(0.45 0.16 25);
  --danger-bg: oklch(0.96 0.03 25);
  --info: oklch(0.42 0.07 230);
  --info-bg: oklch(0.95 0.02 230);
  --focus: oklch(0.4 0.1 113);
  --overlay: oklch(0.18 0.02 113 / 0.48);
  --btn-disabled: oklch(0.86 0.01 113);
  --btn-disabled-ink: oklch(0.5 0.015 113);
  --ad: oklch(0.4 0.02 113);
  --tag-bg: oklch(0.93 0.025 113);
  --rating: oklch(0.22 0.025 113);
  --shadow-modal: 0 8px 28px oklch(0.2 0.02 113 / 0.16);

  --font-display: "Onest", "Source Sans 3", sans-serif;
  --font: "Source Sans 3", "Helvetica Neue", sans-serif;
  --fs-micro: 0.75rem;
  --fs-legal: 0.8125rem;
  --fs-caption: 0.8125rem;
  --fs-button: 1rem;
  --fs-body: 1rem;
  --fs-data: 1rem;
  --fs-h3: 1.125rem;
  --fs-h2: clamp(1.25rem, 0.6vw + 1.05rem, 1.5rem);
  --fs-h1: clamp(1.75rem, 1.2vw + 1.2rem, 2.5rem);
  --lh-tight: 1.18;
  --lh-heading: 1.28;
  --lh-body: 1.5;
  --measure: 65ch;

  --space-2: 0.125rem;
  --space-4: 0.25rem;
  --space-8: 0.5rem;
  --space-12: 0.75rem;
  --space-16: 1rem;
  --space-20: 1.25rem;
  --space-24: 1.5rem;
  --space-32: 2rem;
  --space-40: 2.5rem;
  --space-48: 3rem;
  --space-64: 4rem;
  --space-96: 6rem;
  --gutter-narrow: 0.75rem;

  --radius: 6px;
  --radius-lg: 8px;
  --radius-logo: 4px;

  --page: 72rem;
  --gutter: 1.25rem;
  --header-h: 3.75rem;
  --control-h: 2.75rem;
  --btn-h: 2.75rem;
  --filter-field-w: 12rem;
  --filter-search-max: 20rem;
  --filter-btn-min: 6.75rem;
  --offer-row-h: 5.75rem;
  --offer-cta-min: 11rem;
  --offer-cta-max: 12.5rem;
  --offer-gap-x: var(--space-8);
  --offer-cta-gap: var(--space-12);
  --article-card-minh: 13rem;
  --bp-narrow: 36rem;
  --bp-tablet: 45rem;
  --bp-nav: 58rem;

  --ease-out: cubic-bezier(0.25, 0.8, 0.25, 1);
  --dur: 160ms;

  --z-dropdown: 20;
  --z-sticky: 30;
  --z-modal-backdrop: 40;
  --z-modal: 50;
  --z-toast: 60;
  --z-tooltip: 70;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --bg: oklch(0.16 0 0);
  --surface: oklch(0.2 0 0);
  --surface-2: oklch(0.18 0 0);
  --surface-hover: oklch(0.24 0.01 113);
  --footer-bg: oklch(0.14 0 0);
  --ink: oklch(0.93 0.015 113);
  --ink-strong: oklch(0.97 0.01 113);
  --muted: oklch(0.78 0.02 113);
  --line: oklch(0.32 0.01 113);
  --line-strong: oklch(0.4 0.015 113);
  --input-border: oklch(0.42 0.015 113);
  --primary: oklch(0.62 0.1 113);
  --primary-hover: oklch(0.68 0.1 113);
  --primary-active: oklch(0.56 0.09 113);
  --primary-ink: oklch(0.14 0.02 113);
  --cta-row: oklch(0.86 0.01 113);
  --cta-row-hover: oklch(0.92 0.01 113);
  --link: oklch(0.78 0.08 113);
  --link-hover: oklch(0.84 0.07 113);
  --link-visited: oklch(0.76 0.05 130);
  --success: oklch(0.78 0.1 145);
  --success-bg: oklch(0.24 0.03 145);
  --warning: oklch(0.8 0.1 75);
  --warning-bg: oklch(0.24 0.03 75);
  --on-warning: oklch(0.96 0.02 85);
  --danger: oklch(0.74 0.12 25);
  --danger-bg: oklch(0.24 0.03 25);
  --info: oklch(0.76 0.06 230);
  --info-bg: oklch(0.24 0.02 230);
  --focus: oklch(0.72 0.1 113);
  --overlay: oklch(0.06 0 0 / 0.64);
  --btn-disabled: oklch(0.3 0.01 113);
  --btn-disabled-ink: oklch(0.62 0.015 113);
  --ad: oklch(0.76 0.02 113);
  --tag-bg: oklch(0.26 0.02 113);
  --rating: oklch(0.93 0.015 113);
  --shadow-modal: 0 8px 28px oklch(0 0 0 / 0.45);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur: 0.01ms;
  }
}