/**
 * WotGet Design Tokens
 * OpenSpace workspace + Gold (Action) & Emerald (State)
 *
 * Gold  = primary CTA only
 * Emerald = system state (active nav, selected, focus, progress)
 * Semantic = success / warning / danger / info (≠ Gold, ≠ Emerald CTA)
 *
 * Do not edit brand HEX in module CSS — change here only.
 */

:root {
  /* —— Primary CTA (PO 2026-08-11) —— */
  /* Quiet outlined action · same language as PGD chip · green = state */
  --wotget-primary: #F7F8F4;
  --wotget-primary-hover: #DDE8D7;
  --wotget-primary-pressed: #CEDDC7;
  --wotget-primary-text: #2F342D;
  --wotget-primary-border: #4F7745;
  --wotget-primary-light: #F7F8F4;
  --wotget-primary-ring: rgba(79, 119, 69, 0.35);
  --wotget-primary-soft-12: rgba(79, 119, 69, 0.12);
  --wotget-primary-soft-28: rgba(79, 119, 69, 0.28);
  --wotget-primary-soft-35: rgba(79, 119, 69, 0.35);

  /* —— Emerald = State (logo-derived UI lift) —— */
  --wotget-state: #2e6b3c;
  --wotget-state-hover: #255a32;
  --wotget-state-light: rgba(46, 107, 60, 0.07);
  --wotget-state-light-strong: rgba(46, 107, 60, 0.12);
  --wotget-state-border: rgba(46, 107, 60, 0.28);
  --wotget-state-ring: rgba(46, 107, 60, 0.22);
  --wotget-state-soft-08: rgba(46, 107, 60, 0.08);
  --wotget-state-soft-14: rgba(46, 107, 60, 0.14);
  --wotget-state-soft-18: rgba(46, 107, 60, 0.18);
  --wotget-state-soft-22: rgba(46, 107, 60, 0.22);
  --wotget-state-soft-28: rgba(46, 107, 60, 0.28);
  --wotget-state-soft-35: rgba(46, 107, 60, 0.35);

  /* Accent = state highlight (KPI / progress / soft chrome) — not CTA */
  --wotget-accent: var(--wotget-state);
  --wotget-accent-hover: var(--wotget-state-hover);
  --wotget-accent-light: var(--wotget-state-light);
  --wotget-accent-border: var(--wotget-state-border);

  /* —— Semantic (PO LOCK — Success ≠ Primary) —— */
  --wotget-success: #16a34a;
  --wotget-success-bg: rgba(22, 163, 74, 0.12);
  --wotget-success-text: #15803d;
  --wotget-warning: #d97706;
  --wotget-danger: #dc2626;
  --wotget-info: #2563eb;
  --wotget-error: var(--wotget-danger);

  /* —— Surface / neutrals (OpenSpace-like; Surface Theme may refine later) —— */
  --wotget-warm-white: #f7f8fa;
  --wotget-white: #ffffff;
  --wotget-text: #1a1d21;
  --wotget-text-secondary: #6b7280;
  --wotget-text-muted: #9ca3af;
  --wotget-border: #e8eaed;
  --wotget-border-strong: #dde1e6;
  --wotget-border-focus: var(--wotget-state);
  --wotget-sidebar-bg: #f7f8fa;
  --wotget-nav-icon: #667085;
  --wotget-nav-label: #475467;
  --wotget-nav-heading: #667085;

  /* —— Ghost / secondary button (outlined) —— */
  --wotget-btn-ghost-bg: #ffffff;
  --wotget-btn-ghost-text: #1e3a5f;
  --wotget-btn-ghost-border: #1e3a5f;
  --wotget-btn-ghost-hover-bg: rgba(30, 58, 95, 0.08);
  --wotget-btn-ghost-hover-border: #152a45;
  --wotget-btn-ghost-hover-text: #152a45;
  --wotget-btn-ghost-active-bg: rgba(30, 58, 95, 0.14);
  --wotget-btn-ghost-ring: rgba(30, 58, 95, 0.3);

  /* —— BC aliases: selection chrome, not CTA (keeps previous olive) —— */
  --wotget-orange: #4c6c3b;
  --wotget-orange-hover: #5c794d;
  --wotget-orange-light: #eef3eb;
}