/*
 * Layer 0 — shared design tokens (see STYLE_ARCHITECTURE_REVIEW.md).
 *
 * Single source of truth for colours, spacing and radii across the public
 * site and the admin. Loaded first by both base.html and admin/base_site.html
 * so every layer above (common.css, page CSS, admin_brand.css) can reference
 * these custom properties. Defines values only — no selector other than :root.
 */

:root {
  /* Brand colours */
  --primary: #1a9448;
  --secondary: #76b82a;
  --accent: #76b82a;

  /* Surfaces */
  --header-bg: #1a9448;
  --breadcrumbs-bg: #101010;
  --surface-muted: #e0e0e0;

  /* Buttons */
  --button-bg: #76b82a;
  --default-button-bg: #76b82a;
  --button-hover-bg: #76b82a;
  --default-button-hover-bg: #76b82a;

  /* Links */
  --link-fg: #1a9448;
  --link-selected-fg: #76b82a;

  /* Typography */
  --body-fg: #333;
  --body-quiet-color: #666;
  --body-loud-color: #000;

  /* Borders */
  --hairline: #ddd;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;

  /* Radii */
  --radius-sm: 4px;
}