:root {
  --font-h1: clamp(32px, 4vw, 44px);
  --font-h2: clamp(24px, 3vw, 32px);
  --font-h3: clamp(18px, 2.2vw, 22px);
  --font-h4: 16px;
  --font-body: 15px;
  --font-muted: 13px;
  --font-control: 14px;
  --bg: #f4f4f5;
  --card: #ffffff;
  --ink: #1f232b;
  --muted: #6b7280;
  --line: #e5e7eb;
  --accent: #2f6bff;
  --shadow: 0 18px 40px rgba(31, 35, 43, 0.08);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.hidden {
  display: none;
}
