/* Design tokens */
:root {
  --font-sans: 'Plus Jakarta Sans', 'Manrope', 'Nunito Sans', sans-serif;

  --color-bg: #eef3f7;
  --color-bg-accent: #d9e6f2;
  --color-surface: #ffffff;
  --color-surface-soft: #f4f8fc;
  --color-border: #d8e3ee;
  --color-text: #13253a;
  --color-text-muted: #62758f;

  --color-primary: #0f766e;
  --color-primary-strong: #0a4f4a;
  --color-primary-contrast: #ffffff;
  --color-nav-link: #d8fffb;

  --color-success: #1f8f4e;
  --color-success-bg: #e9faef;
  --color-danger: #b63838;
  --color-danger-bg: #ffecec;

  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 24px;

  --space-1: 8px;
  --space-2: 12px;
  --space-3: 16px;
  --space-4: 20px;
  --space-5: 24px;

  --container-max: 1180px;
  --shadow-card: 0 10px 28px rgba(20, 35, 58, 0.08);
}

body[data-theme="emerald"] {
  --color-bg: #eef8f5;
  --color-bg-accent: #dbf2ea;
  --color-primary: #0d7b69;
  --color-primary-strong: #0a5c4f;
  --color-nav-link: #dcfff7;
  --color-border: #cfe6dc;
}