/* Kotel UI — Apple HIG-inspired web adaptation. */
:root {
  color-scheme: light;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --color-label: #1d1d1f;
  --color-secondary: #646469;
  --color-tertiary: #707075;
  --color-page: #ffffff;
  --color-grouped: #f5f5f7;
  --color-inset: #eeeeef;
  --color-separator: #dedee2;
  --color-accent: #b94708;
  --color-accent-hover: #a53b04;
  --color-accent-soft: #fff2e9;
  --color-success: #24603a;
  --color-error: #ac3024;
  --color-focus: #0071e3;
  --material-nav: rgba(255,255,255,.88);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --radius-control: 14px;
  --radius-card: 28px;
  --radius-panel: 36px;
  --radius-pill: 999px;
  --shadow-card: 0 8px 30px rgba(0,0,0,.035);
  --shadow-raised: 0 18px 48px rgba(0,0,0,.08);
  --shadow-dialog: 0 32px 100px rgba(0,0,0,.2);
  --duration: 220ms;
  --ease: cubic-bezier(.2,.7,.2,1);
  --container: 1200px;
  --text-caption: .8125rem;
  --text-body: 1.0625rem;
  --text-title: clamp(2.125rem, 4.1vw, 3.5rem);
}