:root {
  --font-headline: 'Fraunces', 'Times New Roman', serif;
  --font-body: 'Source Sans 3', 'Segoe UI', sans-serif;

  --color-primary: #131253;
  --color-primary-dark: #0e0e3e;
  --color-primary-soft: #424175;
  --color-accent: #14b79c;
  --color-accent-accessible: #0e8470;
  --color-accent-soft: #ade6dc;

  --color-bg-page: #f7f8fc;
  --color-bg-page-alt: #eef1fb;
  --color-bg-surface: #ffffff;
  --color-border: #e6e8f0;
  --color-text-primary: #0f172a;
  --color-text-muted: #475569;

  --color-focus-ring: #0e8470;
  --color-success: #0e8470;
  --color-danger: #b42347;

  --color-primary-alpha-04: rgba(19, 18, 83, 0.04);
  --color-primary-alpha-08: rgba(19, 18, 83, 0.08);
  --color-primary-alpha-10: rgba(19, 18, 83, 0.1);
  --color-primary-alpha-14: rgba(19, 18, 83, 0.14);
  --color-primary-alpha-18: rgba(19, 18, 83, 0.18);
  --color-primary-alpha-24: rgba(19, 18, 83, 0.24);
  --color-accent-alpha-16: rgba(20, 183, 156, 0.16);
  --color-accent-alpha-24: rgba(20, 183, 156, 0.24);
  --color-accent-alpha-28: rgba(20, 183, 156, 0.28);
  --color-danger-alpha-08: rgba(180, 35, 71, 0.08);
  --color-danger-alpha-72: rgba(180, 35, 71, 0.72);
  --color-white: #ffffff;
  --color-white-alpha-20: rgba(255, 255, 255, 0.2);
  --color-white-alpha-72: rgba(255, 255, 255, 0.72);

  --shadow-soft: 0 14px 34px var(--color-primary-alpha-10);
  --shadow-strong: 0 24px 50px var(--color-primary-alpha-14);

  --surface: rgba(255, 255, 255, 0.94);
  --surface-strong: var(--color-bg-surface);
  --line: var(--color-border);
  --ink-900: var(--color-text-primary);
  --ink-700: var(--color-text-muted);
  --ink-500: var(--color-primary-soft);
  --accent: var(--color-accent-accessible);
  --accent-strong: var(--color-accent);
  --accent-soft: var(--color-accent-soft);
  --bg-a: var(--color-bg-page);
  --bg-b: var(--color-bg-page-alt);
  --ok: var(--color-success);
  --error: var(--color-danger);
}