/* =================================================================
   Proareta — Color Palette (Dark + Laurel Green Accent)
   proareta.com

   The wreath of arete: laurel green as the signature accent —
   distinct from PKG teal, Aware Design blue, and Studios gold.
   Same variable contract as the SSG family (tokens-pkg.css shape);
   global.css / components.css consume these unchanged.
   ================================================================= */

:root {
  /* Backgrounds — dark, slightly warm */
  --bg-base: #0d0f0c;
  --bg-surface: #14170f;
  --bg-elevated: #1b1f15;
  --bg-overlay: #242a1c;
  --bg-input: #171b11;

  /* Text — high-contrast hierarchy */
  --text-primary: #f2f4ee;
  --text-secondary: #a8b09c;
  --text-tertiary: #737d66;
  --text-muted: #4a5340;
  --text-inverse: #0d0f0c;

  /* Accent — laurel green: cultivation, growth, the wreath */
  --accent: #9dbd6e;
  --accent-hover: #b1d182;
  --accent-subtle: rgba(157, 189, 110, 0.10);
  --accent-glow: rgba(157, 189, 110, 0.20);

  /* Secondary — warm bronze for cross-links to PKG surfaces */
  --accent-secondary: #c9a35c;

  /* Borders */
  --border-subtle: rgba(255, 255, 255, 0.06);
  --border-default: rgba(255, 255, 255, 0.10);
  --border-strong: rgba(255, 255, 255, 0.18);
  --border-accent: rgba(157, 189, 110, 0.35);

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.6);
  --shadow-glow: 0 0 40px rgba(157, 189, 110, 0.12);
  --shadow-glow-strong: 0 0 60px rgba(157, 189, 110, 0.20);
}