:root {
  --cj-red: #B51217;
  --cj-red-deep: #8E0D12;
  --cj-red-grad: #9D0E13;
  --cj-gold: #D6A23A;
  --cj-bg: #FAFAF8;
  --cj-surface: #FFFFFF;
  --cj-ivory: #FFF7E8;
  --cj-text: #1C1C1E;
  --cj-text-secondary: #6B6B70;
  --cj-border: #E6E2DC;
  --cj-border-gold: #E9DFC9;
  --cj-success: #2E7D32;
  --cj-success-bg: #E8F3E9;
  --cj-warning: #B56B00;
  --cj-warning-bg: #FBF1DE;
  --cj-error: #B3261E;
  --cj-disabled-bg: #F0F0EE;
  --cj-disabled-text: #A5A5A8;
  --cj-pressed: #F7F4EF;
  --cj-pressed-border: #D8D2CA;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;

  --radius-icon: 14px;
  --radius-row: 20px;
  --radius-card: 24px;
  --touch-min: 48px;
  --touch-recommended: 56px;

  --shadow-card: 0 4px 14px rgba(20, 20, 20, 0.06);

  --nav-height: 68px;
}

html.large-text {
  --fs-hero: 30px;
  --fs-title: 25px;
  --fs-section: 24px;
  --fs-menu: 20px;
  --fs-body: 19px;
  --fs-secondary: 18px;
  --fs-caption: 16px;
}

html {
  --fs-hero: 28px;
  --fs-title: 24px;
  --fs-section: 21px;
  --fs-menu: 18px;
  --fs-body: 17px;
  --fs-secondary: 16px;
  --fs-caption: 15px;
}