/**
 * LHD Shared Design Tokens
 * ----------------------------------------------------------
 * Single source of truth for brand colors, typography, and
 * layout primitives used across every page partial in
 * /page-templates/pages/.
 *
 * Per-page CSS should reference these via var(--lhd-*)
 * instead of hardcoding hex values. Change the brand once
 * here and every page updates.
 *
 * Note: hex values inside rgba() on per-page files still
 * need manual updates for now (CSS cannot interpolate a
 * custom property into rgba()). A future pass can switch
 * those to `color-mix()` once browser support is fine.
 * ----------------------------------------------------------
 */

:root {
  /* ── Brand palette ─────────────────────────────────────── */
  --lhd-green:        #8BC53F;
  --lhd-green-dark:   #6BA32D;
  --lhd-green-mid:    #a8d465;
  --lhd-yellow:       #FFC107;

  /* Common brand gradients */
  --lhd-gradient-text:  linear-gradient(135deg, #8BC53F, #FFC107, #a8d465);
  --lhd-gradient-btn:   linear-gradient(135deg, #8BC53F 0%, #6BA32D 100%);
  --lhd-gradient-num:   linear-gradient(135deg, #8BC53F, #FFC107);

  /* ── Light surfaces ────────────────────────────────────── */
  --lhd-text:         #0F1419;
  --lhd-text-muted:   #5A6778;
  --lhd-surface:      #ffffff;
  --lhd-surface-alt:  #F8FAFB;
  --lhd-border:       #E5E9EE;

  /* ── Dark surfaces ─────────────────────────────────────── */
  --lhd-dark-bg:           #0a0d10;
  --lhd-dark-surface:      #12161c;
  --lhd-dark-border:       #252d38;
  --lhd-dark-text:         #ffffff;
  --lhd-dark-text-muted:   #8a95a5;
  --lhd-dark-text-soft:    #c9d4e0;

  /* ── Typography ────────────────────────────────────────── */
  --lhd-font-body:     'DM Sans', sans-serif;
  --lhd-font-heading:  'Plus Jakarta Sans', sans-serif;

  /* ── Layout ────────────────────────────────────────────── */
  --lhd-container:          1200px;
  --lhd-container-padding:  24px;
}