/*
 * Henry design system color tokens — single source of truth for the
 * named brand palette. Tailwind utility classes (`bg-henry-card`,
 * `text-henry-fg`, etc.) resolve through these variables, so this
 * file MUST be loaded on every page that renders henry-* classes:
 *   - src/layouts/Layout.astro (app shell)
 *   - print pages that don't use the app shell
 *
 * Every variable declared here must have a matching entry in
 * `colorTokenNames` in src/design-system/tokens/colors.mjs so Tailwind
 * knows to emit a utility class for it. Hex values live here only.
 *
 * Org branding overrides individual variables inside a scoped stylesheet
 * without touching this file.
 *
 * Chart palette colors are NOT declared here — Recharts / Mapbox need
 * literal hex strings at JS load time, so the chart palette lives in
 * src/design-system/tokens/colors.mjs (`dataSeries`) instead.
 */

:root {
  --henry-bg: #f7f3ee;
  --henry-card: #fbf8f4;
  --henry-card-hover: #f0e7dc;
  --henry-well: #ebe6e0;

  --henry-fg: #24211f;
  --henry-fg-muted: #5f574f;
  --henry-fg-subtle: #756d66;
  --henry-fg-faint: #9b9188;

  --henry-border: #e5d8ca;
  --henry-border-muted: #eee4da;
  --henry-border-strong: #d8c7b6;
  --henry-selection-border: #e3d2bf;

  --henry-accent: #7a3b1e;
  --henry-accent-hover: #5b2c16;
  --henry-accent-foreground: #ffffff;

  --henry-danger: #a0442e;
  --henry-danger-bg: #fbe8e0;

  --henry-success: #1e3d2f;
  --henry-success-fg: #3d6b52;
  --henry-success-bg: #f4faf6;
  --henry-success-border: #c5ddd0;

  --henry-warning: #c45c12;
  --henry-warning-icon: #fe8309;
  --henry-warning-bg: #fff4e8;

  --henry-ring: #7a3b1e;
}