@font-face {
  font-family: "Readex Pro";
  src: url("/fonts/ReadexPro-Variable.ttf") format("truetype");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --primary: #26415E;
  --primary-2: #203852;
  --primary-soft: #E8EEF4;
  --on-primary: #F6F3EC;
  --accent: #C9A46A;
  --paper: #F6F3EC;
  --surface: #FBFAF6;
  --surface-2: #F0E9DD;
  --border: #DCD5C8;
  --ink: #1E2530;
  --muted: #66717D;
  --success: #3F7F59;
  --warning: #B77B2D;
  --error: #A9473E;
  --color-primary: var(--primary);
  --color-primary-strong: var(--primary-2);
  --color-primary-soft: var(--primary-soft);
  --color-accent: var(--accent);
  --color-background: var(--paper);
  --color-surface: var(--surface);
  --color-surface-alt: var(--surface-2);
  --color-border: var(--border);
  --color-text-primary: var(--ink);
  --color-text-secondary: var(--muted);
  --color-success: var(--success);
  --color-warning: var(--warning);
  --color-error: var(--error);
  --radius-card: 20px;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  font-family: "Readex Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}