/* The look of the account pages in one place (SELF_SERVICE.md §13): the website's redesign restyles them by changing
   these values only. Colours are docs/10's (v1 branding, adjusted for WCAG AA); every text colour here passes AA on
   --surface and --page. */
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('../fonts/JetBrainsMonoNL-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}

:root {
  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --text-size: 1rem;
  --page: #f8fafc;
  --surface: #ffffff;
  --surface-variant: #eef2f6;
  --border: #cbd5e1;
  --text: #0f172a;
  --text-muted: #475569;
  --primary: #1e3a5f;
  --primary-hover: #2c5282;
  --on-primary: #ffffff;
  --link: #0e7490;
  --focus: #0e7490;
  --success: #15803d;
  --success-bg: #dcfce7;
  --warning: #92400e;
  --warning-bg: #fef3c7;
  --danger: #b91c1c;
  --danger-bg: #fee2e2;
  --radius: 8px;
  --space: 1rem;
  --max-width: 60rem;
}