:root {
  --text-caption: 14px;
  --text-body: 18px;
  --text-lead: 18px;
  --color-brand-blue: #0085df;
  --color-brand-green: #139150;
  --color-action: #006fbd;
  --color-action-hover: #005996;
  --color-blue-soft: #74c9ff;
  --color-blue-pale: #edf6fd;
  --color-green-pale: #edf8f1;
  --color-primary: #123958;
  --color-primary-deep: #062b48;
  --color-accent: #139150;
  --color-accent-dark: #087746;
  --color-accent-soft: #74c9ff;
  --color-text: #172e40;
  --color-muted: #607787;
  --color-bg-light: #f1f7fc;
  --color-border: #d7e4ee;
  --color-white: #ffffff;
  --color-ink-soft: #2f4c62;
  --color-paper: #fbfdff;

  --font-display: "Barlow Condensed", "Avenir Next Condensed", "Arial Narrow", sans-serif;
  --font-body: "IBM Plex Sans", "Avenir Next", "Segoe UI", sans-serif;

  --container: 1240px;
  --gutter: 32px;
  --header-height: 86px;
  --section-space: clamp(72px, 7vw, 104px);
  --type-h1: clamp(64px, 6.2vw, 90px);
  --type-h1-compact: clamp(58px, 5.6vw, 80px);
  --type-h1-home: clamp(72px, 7.5vw, 104px);
  --type-h2: clamp(40px, 4.5vw, 64px);
  --type-h3: 24px;
  --type-copy: 18px;
  --type-intro: 21px;
  --type-small: 15px;
  --type-label: 14px;
  --space-heading: 40px;
  --space-card: 24px;
  --radius-control: 2px;
  --media-ratio-product: 4 / 3;
  --media-ratio-scene: 3 / 2;

  --shadow-soft: 0 14px 40px rgba(18, 57, 88, 0.08);
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
}