:root {
  --color-primary-50: #f5f7fb;
  --color-primary-100: #e6eefb;
  --color-primary-200: #cfe0f6;
  --color-primary-300: #9fb7e6;
  --color-primary-400: #5f81c9;
  --color-primary-500: #2f55ad;
  --color-primary-600: #010e2c;
  --color-primary-700: #010923;
  --color-primary-800: #00061a;
  --color-primary-900: #000213;
  --color-accent-50: #fbf8f2;
  --color-accent-100: #f5eede;
  --color-accent-200: #ead8b4;
  --color-accent-300: #ddbf83;
  --color-accent-400: #d1a95e;
  --color-accent-500: #b88735;
  --color-accent-600: #9b6e24;
  --color-accent-700: #7c571d;
  --color-accent-800: #5e431a;
  --color-accent-900: #36270f;
  --color-on-primary: #ffffff;
  --color-on-accent: #010e2c;
  --brand-ink-light: #26211a;
  --brand-ink-dark: #ffffff;
  --brand-page-light-1: #fcfbf8;
  --brand-page-light-2: #f7f6f2;
  --brand-page-light-3: #ffffff;
  --brand-page-light-4: #f8f7f4;
  --font-display: 'Iowan Old Style', 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
  --font-body: 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif;
  --radius-sm: 6px;
  --radius: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-xl: 14px;
}