:root {
  --bb-ink: #1F2526;
  --bb-muted: #5D6C70;
  --bb-paper: #FBFAF7;
  --bb-surface: #FFFFFF;
  --bb-line: #D7DEE0;
  --bb-soft: #EDF4F5;
  --bb-bluebird: #2F6470;
  --bb-bluebird-dark: #173F49;
  --bb-bluebird-light: #D8E8EA;
  --bb-warm-detail: #D7B982;

  --bb-font-heading: Georgia, "Times New Roman", serif;
  --bb-font-body: Arial, sans-serif;

  --bb-space-xs: 4px;
  --bb-space-sm: 8px;
  --bb-space-md: 16px;
  --bb-space-lg: 32px;
  --bb-space-xl: 64px;
  --bb-section-space: clamp(68px, 7vw, 104px);

  --bb-page-max: 1480px;
  --bb-content-max: 1280px;
  --bb-product-max: 1400px;
  --bb-page-pad: clamp(22px, 3.4vw, 56px);
  --bb-product-gap: clamp(52px, 6vw, 92px);

  --bb-radius: 0px;
  --bb-control-min-height: 48px;
  --bb-button-min-height: 46px;
  --bb-focus: 2px solid var(--bb-bluebird);
}