:root {
  --hw-color-elephant-900: #052a37;
  --hw-color-elephant-800: #0e3541;
  --hw-color-elephant-700: #1b4650;
  --hw-color-elephant-600: #2b5c65;

  --hw-color-clay-100: #c9daca;
  --hw-color-clay-200: #b3c6b4;
  --hw-color-clay-300: #95a794;
  --hw-color-clay-400: #758b76;

  --hw-color-action: #2d805f;
  --hw-color-action-strong: #24684b;
  --hw-color-action-soft: #e5f1eb;

  --hw-color-sun: #d89b2b;
  --hw-color-solar: #f7c948;
  --hw-color-sun-soft: #fff4dc;
  --hw-color-solar-soft: #fff6d8;

  --hw-color-bg: #f5f8f5;
  --hw-color-bg-warm: #f7f8f3;
  --hw-color-surface: #ffffff;
  --hw-color-surface-muted: #eef4ee;
  --hw-color-surface-soft: #fbfbf6;

  --hw-color-text: var(--hw-color-elephant-900);
  --hw-color-text-strong: #0b0f12;
  --hw-color-text-muted: #64726a;
  --hw-color-border: #dce5dc;
  --hw-color-border-soft: rgba(14, 53, 65, 0.14);

  --hw-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --hw-font-heading: Poppins, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --hw-font-body: Roboto, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --hw-radius-sm: 4px;
  --hw-radius-md: 8px;
  --hw-radius: var(--hw-radius-md);
  --hw-shadow-sm: 0 1px 2px rgba(5, 42, 55, 0.08);
  --hw-shadow-md: 0 12px 28px rgba(5, 42, 55, 0.08);
  --hw-shadow-lg: 0 18px 55px rgba(13, 53, 65, 0.08);
}

:root {
  --hw-ink: var(--hw-color-elephant-800);
  --hw-text: var(--hw-color-text);
  --hw-muted: var(--hw-color-text-muted);
  --hw-line: var(--hw-color-border);
  --hw-paper: var(--hw-color-surface-soft);
  --hw-soft: var(--hw-color-surface-muted);
  --hw-green: var(--hw-color-action);
  --hw-green-dark: var(--hw-color-action-strong);
  --hw-mint: var(--hw-color-action-soft);
  --hw-yellow: var(--hw-color-sun);
  --hw-aqua: var(--hw-color-elephant-600);
  --hw-blue: var(--hw-color-elephant-700);
  --hw-shadow: var(--hw-shadow-lg);
}