:root {
  /* Colors */
  --ink-black: #1a1a1a;
  --ink-gray-dark: #4a4a4a;
  --ink-gray: #767676;
  --ink-gray-light: #d4d4d4;
  --ink-gray-ghost: #f5f5f5;
  --ink-white: #ffffff;
  --ink-accent: #2d6a6a;
  --ink-accent-hover: #1f4d4d;

  /* Typography */
  --font-heading: 'Crimson Pro', serif;
  --font-body: 'Inter', sans-serif;
  --font-size-base: 17px;
  --line-height-base: 1.7;

  /* Spacing */
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 24px;
  --spacing-lg: 48px;
  --spacing-xl: 96px;

  /* Layout */
  --max-width: 680px;
  --header-height: 64px;
}