/* ЗНАТЬ КАК 50 IDEAS · V5.0 · source-of-truth design tokens for development.
   Font files are intentionally NOT included. Secure proper licensing + self-hosted
   WOFF2 separately if font use is confirmed. The system fallback must work. */
:root {
  --color-cream: #F7F3ED;
  --color-paper: #FFFCF8;
  --color-ink: #281D1F;
  --color-burgundy: #651631;
  --color-burgundy-deep: #440D25;
  --color-emerald: #651629;
  --color-columbia: #A9CBDE;
  --color-muted: #73676A;
  --color-border: #D9CFC9;
  --color-critical: #9B2540;
  --color-focus: #651629;
  --font-display: 'Unbounded', 'Arial Black', system-ui, sans-serif;
  --font-body: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  --radius-card: 18px;
  --radius-pill: 999px;
  --radius-control: 12px;
  --gutter-mobile: 20px;
  --gutter-desktop: clamp(32px, 5vw, 80px);
  --content-max: 1240px;
  --touch-min: 44px;
  --duration-ui: 160ms;
  --ease-ui: cubic-bezier(.2,.8,.2,1);
  --shadow-focus: 0 0 0 3px rgba(24,88,76,.24);
}
html {scroll-behavior:smooth; scroll-padding-top: 86px;}
body {background:var(--color-cream); color:var(--color-ink);font-family:var(--font-body);font-size:16px;line-height:1.5;}
input,select,textarea {font-size:16px;}
button,a,input,select {touch-action:manipulation;}
button, .button {min-height:var(--touch-min);}
:focus-visible {outline:3px solid var(--color-focus);outline-offset:3px;}
section[id] {scroll-margin-top: 86px;}
@media (max-width: 430px) {
  :root {--radius-card:14px;}
  body {overflow-x: clip;}
  .content {padding-inline:var(--gutter-mobile);}
  .mobile-dock {bottom:0;padding-bottom:calc(12px + env(safe-area-inset-bottom));}
  .last-content {padding-bottom:calc(120px + env(safe-area-inset-bottom));}
}
@media (prefers-reduced-motion: reduce) {
  html {scroll-behavior:auto;}
  *,*::before,*::after {animation-duration:0.01ms!important;transition-duration:0.01ms!important;}
}