/* Already Caring design tokens. Light only. Semantic names (--ac-*) are what
   components use; raw palette is at the top for reference. Contrast of the
   semantic pairs is pinned by src/routes/accessibility.test.ts. */
:root {
  /* palette */
  --ac-forest-900: #1c3a2e;
  --ac-forest-800: #24473a;
  --ac-forest-700: #2d5a47;
  --ac-forest-400: #6b917f;
  --ac-forest-100: #dde9e1;
  --ac-forest-50: #eff5f1;
  --ac-paper: #faf6ef;
  --ac-card: #fffdf9;
  --ac-terracotta: #9c4a24;
  --ac-apricot: #e2a978;

  /* semantic colour */
  --ac-bg: #faf6ef;
  --ac-surface: #fffdf9;
  --ac-surface-sunken: #f3eee3;
  --ac-text: #23312a;
  --ac-text-muted: #44504a;
  --ac-text-faint: #5a675f;
  --ac-brand: #1c3a2e;
  --ac-brand-hover: #24473a;
  --ac-brand-press: #2d5a47;
  --ac-brand-subtle: #eff5f1;
  --ac-brand-subtle-2: #dde9e1;
  --ac-on-brand: #ffffff;
  --ac-on-brand-accent: #e2a978;
  --ac-accent: #9c4a24;
  --ac-border: #cfc6b4;          /* decorative dividers */
  --ac-border-strong: #7d8579;   /* form control edges, 3:1 on bg and surface */
  --ac-focus: #1c3a2e;
  --ac-focus-halo: #ffffff;

  /* status: differ in lightness and always paired with an icon or word */
  --ac-ok: #1d5c3a;
  --ac-ok-bg: #e3f1e7;
  --ac-warn: #6e4300;
  --ac-warn-bg: #fbecc6;
  --ac-danger: #a4221a;
  --ac-danger-bg: #fbe3df;
  --ac-info: #1f4f73;
  --ac-info-bg: #e2eef7;
  --ac-danger-solid: #a4221a;

  /* type */
  --ac-font-display: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --ac-font-body: 'Nunito Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ac-text-xs: 0.875rem;   /* 14 */
  --ac-text-sm: 1rem;       /* 16 */
  --ac-text-md: 1.125rem;   /* 18, body default */
  --ac-text-lg: 1.375rem;   /* 22 */
  --ac-text-xl: 1.75rem;    /* 28 */
  --ac-text-display: clamp(2.125rem, 1.6rem + 2.4vw, 3.25rem);
  --ac-leading-body: 1.6;
  --ac-leading-tight: 1.2;

  /* spacing (4px base) */
  --ac-space-1: 0.25rem;
  --ac-space-2: 0.5rem;
  --ac-space-3: 0.75rem;
  --ac-space-4: 1rem;
  --ac-space-5: 1.5rem;
  --ac-space-6: 2rem;
  --ac-space-7: 3rem;
  --ac-space-8: 4.5rem;
  --ac-tap: 3rem;           /* minimum touch target, 48px */

  /* radii */
  --ac-radius-sm: 8px;
  --ac-radius-md: 14px;
  --ac-radius-lg: 22px;
  --ac-radius-pill: 999px;

  /* shadows: green-tinted, not grey */
  --ac-shadow-1: 0 1px 2px rgba(28, 58, 46, 0.08), 0 1px 1px rgba(28, 58, 46, 0.04);
  --ac-shadow-2: 0 4px 14px rgba(28, 58, 46, 0.1), 0 1px 3px rgba(28, 58, 46, 0.06);
  --ac-shadow-3: 0 18px 44px rgba(28, 58, 46, 0.22), 0 4px 10px rgba(28, 58, 46, 0.1);

  /* motion */
  --ac-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ac-dur-fast: 120ms;
  --ac-dur: 200ms;
  --ac-dur-slow: 320ms;

  /* layout */
  --ac-topbar-h: 3.5rem;
  --ac-tabbar-h: 4.25rem;
  --ac-sidenav-w: 15rem;
  --ac-content-w: 44rem;
}