:root {
  --color-primary-50: #f5f6f7;
  --color-primary-100: #e8eced;
  --color-primary-200: #d1d8dc;
  --color-primary-300: #acb9bf;
  --color-primary-400: #7a8e99;
  --color-primary-500: #2f4f5f;
  --color-primary-600: #0e1a21;
  --color-primary-700: #0c161c;
  --color-primary-800: #091217;
  --color-primary-900: #070e12;
  --color-accent-50: #fbf4f1;
  --color-accent-100: #f6e6df;
  --color-accent-200: #efd2c6;
  --color-accent-300: #e3b6a3;
  --color-accent-400: #d8977c;
  --color-accent-500: #c9795a;
  --color-accent-600: #a4553b;
  --color-accent-700: #7a3626;
  --color-accent-800: #5f291d;
  --color-accent-900: #431d13;
  --color-on-primary: #ffffff;
  --color-on-accent: #17212b;
  --brand-ink-light: #17212b;
  --brand-ink-dark: #eef3f5;
  --brand-page-light-1: #f1f5f7;
  --brand-page-light-2: #e7eef1;
  --brand-page-light-3: #f7f9fa;
  --brand-page-light-4: #ebf1f3;
  --font-display: 'Segoe UI', system-ui, sans-serif;
  --font-body: Georgia, 'Times New Roman', serif;
  --radius-sm: 2px;
  --radius: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 10px;
}