:root {
  /* Brand Colors */
  --color-orange: #ff7f00;
  --color-charcoal: #3c3c3c;
  --color-charcoal-deep: #383838;
  --color-orange-ui: #b75b00;
  --color-blue-ui: #267bb4;
  --color-blue: #339fd9;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-gray-light: #f7f7f7;
  --color-charcoal-10: rgba(60, 60, 60, 0.1);
  --color-charcoal-08: rgba(60, 60, 60, 0.08);
  --color-charcoal-05: rgba(60, 60, 60, 0.05);

  /* Typography — Families */
  --font-heading: 'ITC New Century Schoolbook', 'New Century Schoolbook', serif;
  --font-body: Inter, system-ui, -apple-system, sans-serif;

  /* Typography — Sizes */
  --font-size-h1: 48px;
  --font-size-h2: 36px;
  --font-size-h3: 24px;
  --font-size-body: 16px;
  --font-size-small: 14px;
  --font-size-label: 12px;
  --font-size-button: 15px;
  --font-size-card-heading: 22px;
  --font-size-subheading: 18px;
  --font-size-nav: 15px;

  /* Typography — Weights */
  --font-weight-heading: 700;
  --font-weight-body: 400;
  --font-weight-medium: 500;

  /* Typography — Line Heights */
  --line-height-heading: 1.2;
  --line-height-body: 1.6;
  --line-height-label: 1.4;

  /* Typography — Letter Spacing */
  --letter-spacing-label: 0.04em;

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;

  /* Border radius */
  --radius-sm: 4px;
  --radius-md: 4px;
  --radius-lg: 9px;
  --radius-xl: 20px;

  /* Shadows */
  --shadow-card: 0 1px 3px rgba(60, 60, 60, 0.08), 0 4px 16px rgba(60, 60, 60, 0.06);
  --shadow-card-hover: 0 4px 12px rgba(60, 60, 60, 0.12), 0 8px 32px rgba(60, 60, 60, 0.10);

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-base: 0.25s ease;

  /* Logo minimum width */
  --logo-min-width: 120px;
}