/**
 * EHS shared design tokens.
 * Used by theme shell (LearnDash / Groups Plus pages) and kept aligned with
 * SPA admin tokens in assets/css/admin-template.css.
 *
 * Brand source: brand-colors.md (navy primary, green success, yellow accent).
 */
:root {
  /* Surfaces */
  --ehs-bg: oklch(98% 0.004 255);
  --ehs-surface: oklch(100% 0 0);
  --ehs-surface-muted: oklch(96% 0.006 255);
  --ehs-border: oklch(90% 0.01 255);
  --ehs-border-strong: oklch(84% 0.012 255);

  /* Text */
  --ehs-text: oklch(24% 0.03 258);
  --ehs-text-muted: oklch(46% 0.02 258);

  /* Brand — navy primary (~#1B365D) */
  --ehs-primary: oklch(32% 0.09 258);
  --ehs-primary-hover: oklch(26% 0.09 258);
  --ehs-primary-soft: oklch(95% 0.02 258);

  /* Semantic */
  --ehs-success: oklch(45% 0.13 148);
  --ehs-success-soft: oklch(96% 0.03 148);
  --ehs-warning: oklch(83% 0.16 92);
  --ehs-warning-soft: oklch(97% 0.04 92);
  --ehs-error: oklch(52% 0.21 25);
  --ehs-error-soft: oklch(96% 0.03 25);

  /* Focus / elevation */
  --ehs-focus: oklch(55% 0.1 258 / 0.35);
  --ehs-shadow-sm: 0 1px 3px rgba(20, 30, 50, 0.06);
  --ehs-shadow-md: 0 2px 10px rgba(20, 30, 50, 0.08);
  --ehs-shadow-lg: 0 12px 32px rgba(20, 30, 50, 0.14);

  /* Shape / type */
  --ehs-radius: 8px;
  --ehs-radius-sm: 6px;
  --ehs-font: Lato, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Hex fallbacks for environments that mishandle oklch in plugins */
  --ehs-primary-hex: #1b365d;
  --ehs-success-hex: #2e7d32;
  --ehs-warning-hex: #ffc107;
  --ehs-text-hex: #1e293b;
}