/* ArttoHang design tokens. One source of truth: change here, everything follows. */
:root {
  /* Brand (from BRAND-IDENTITY.md) */
  --ath-olive: #587c35;
  --ath-olive-dark: #46632a;
  --ath-charcoal: #242424;
  --ath-ink: #111111;
  --ath-paper: #f6f5f1;
  --ath-stone: #e4ded6;
  --ath-white: #ffffff;
  --ath-muted: #6b6760;
  --ath-line: #d9d3c9;
  --ath-danger: #9b2c2c;

  /* Type. Webfont files are added under assets/fonts later; until then a refined system serif/sans stack. */
  --ath-font-display: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --ath-font-ui: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  --ath-text-xs: 0.8125rem;   /* 13px, nothing smaller than this */
  --ath-text-sm: 0.9375rem;   /* 15px */
  --ath-text-md: 1rem;
  --ath-text-lg: 1.25rem;
  --ath-text-xl: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem);
  --ath-text-2xl: clamp(2.25rem, 1.5rem + 3vw, 4rem);

  /* Space (4px scale) */
  --ath-space-1: 4px;
  --ath-space-2: 8px;
  --ath-space-3: 12px;
  --ath-space-4: 16px;
  --ath-space-5: 24px;
  --ath-space-6: 32px;
  --ath-space-7: 48px;
  --ath-space-8: 72px;

  --ath-radius: 8px;
  --ath-radius-lg: 14px;
  --ath-shadow: 0 6px 28px rgba(36, 36, 36, 0.12);
  --ath-shadow-sm: 0 2px 10px rgba(36, 36, 36, 0.10);

  /* Motion */
  --ath-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ath-dur-fast: 180ms;
  --ath-dur: 420ms;
  --ath-dur-slow: 700ms;

  /* Layout helpers written by JS (0 when absent) */
  --ath-consent-h: 0px;
  --ath-sticky-h: 0px;
}