/*
 * CORD Ghana design tokens.
 */

:root {
  --cord-primary: #19694d;
  --cord-secondary: #163f4a;
  --cord-secondary-hover: #12363f;
  --cord-accent: #f2b007;
  --cord-bg: #f7fcf8;
  --cord-surface: #e9f6ed;
  --cord-text: #0e2e24;
  --cord-muted: #4f7061;
  --cord-border: rgba(35, 102, 75, 0.18);
  --cord-success: #1b7a4a;
  --cord-warning: #b8860b;
  --cord-error: #dc5c4f;
  --cord-white: #ffffff;
  --cord-footer: #111827;
  --cord-footer-text: #e5e7eb;

  --cord-space-1: 0.25rem;
  --cord-space-2: 0.5rem;
  --cord-space-3: 0.75rem;
  --cord-space-4: 1rem;
  --cord-space-5: 1.5rem;
  --cord-space-6: 2rem;
  --cord-space-7: 3rem;
  --cord-space-8: 4.5rem;

  --cord-font-body: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --cord-font-display: "Poppins", "Inter", "Segoe UI", sans-serif;
  --cord-fs-body: 1rem;
  --cord-fs-small: 0.875rem;
  --cord-fs-h1: clamp(2rem, 8vw, 3.4rem);
  --cord-fs-h2: clamp(1.35rem, 3vw, 1.85rem);
  --cord-fs-h3: 1.15rem;
  --cord-lh: 1.7;

  --cord-radius: 24px;
  --cord-radius-sm: 12px;
  --cord-radius-pill: 999px;

  --cord-shadow: 0 18px 45px rgba(17, 24, 39, 0.06);
  --cord-container: 72rem;
  --cord-header-h: 6.75rem;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --cord-motion: 0s;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}