/* ── DESIGN TOKENS ── */
:root {
  --navbar-height: 80px; /* 48px logo + 16px vertical padding */
  --font-label: 'Montserrat', sans-serif;
  --label-l-size: 24px;
  --label-l-line-height: 32px;
  --label-xl-size: 32px;
  --label-xl-line-height: 38px;
  --brand: #6f423f;
  --semantic-button-primary-bg: #6F423F;
  --semantic-button-primary-hover: #542E2B;
  --text-primary: #332e2c;
  --text-secondary: #7d706c;
  --text-hint: #7d706c;
  --bg: #f7f5f4;
  --surface-inverse: #332e2c;
  --border: #e8e4e2;
  --border-on-dark: rgba(255, 255, 255, 0.1);
  --text-on-dark-primary: #f7f5f4;
  --text-on-dark-secondary: #cbc4c1;
  --warning-bg: #fffcf0;
  --warning-icon-bg: #e8a800;
  --warning-text: #a86d00;
  --radius-s: 10px;
  --radius-m: 20px;
  --sp-xxs: 4px;
  --sp-xs: 8px;
  --sp-s: 16px;
  --sp-m: 24px;
  --sp-l: 48px;
  --sp-xl: 96px;
}