/* Placebo colors — 10 semantic categories, scale 50 (lightest) → 900 (darkest).
   Source: design/Foundations/Colors.md + brand/color.md (common-sense repo). */
:root{
--color-primary-50:#EDF0FE;--color-primary-100:#DAE0FD;--color-primary-200:#B5C2FB;--color-primary-300:#90A3FA;--color-primary-400:#6B85F8;--color-primary-500:#4666F6;--color-primary-600:#3852C5;--color-primary-700:#2A3D94;--color-primary-800:#1C2962;--color-primary-900:#0E1431;
--color-secondary-50:#F8FAFC;--color-secondary-100:#F1F5F9;--color-secondary-200:#E2E8F0;--color-secondary-300:#CBD5E1;--color-secondary-400:#94A3B8;--color-secondary-500:#64748B;--color-secondary-600:#475569;--color-secondary-700:#334155;--color-secondary-800:#1E293B;--color-secondary-900:#0F172A;
--color-surface-default:#FFFFFF;--color-surface-50:#F8FAFC;--color-surface-100:#F1F5F9;--color-surface-200:#E2E8F0;--color-surface-300:#CBD5E1;
--color-on-surface-50:#F8FAFC;--color-on-surface-100:#F1F5F9;--color-on-surface-200:#E2E8F0;--color-on-surface-300:#CBD5E1;--color-on-surface-400:#94A3B8;--color-on-surface-500:#64748B;--color-on-surface-600:#475569;--color-on-surface-700:#334155;--color-on-surface-800:#1E293B;--color-on-surface-900:#0F172A;
--color-interactive-50:#EFF6FF;--color-interactive-100:#DBEAFE;--color-interactive-200:#BFDBFE;--color-interactive-300:#93C5FD;--color-interactive-400:#60A5FA;--color-interactive-500:#3B82F6;--color-interactive-600:#2563EB;--color-interactive-700:#1D4ED8;--color-interactive-800:#1E40AF;--color-interactive-900:#1E3A8A;
--color-highlight-50:#EFF6FF;--color-highlight-100:#DBEAFE;--color-highlight-200:#BFDBFE;--color-highlight-300:#93C5FD;--color-highlight-400:#60A5FA;--color-highlight-500:#3B82F6;--color-highlight-600:#2563EB;--color-highlight-700:#1D4ED8;--color-highlight-800:#1E40AF;--color-highlight-900:#1E3A8A;
--color-success-50:#ECF6F4;--color-success-100:#DAEDE9;--color-success-200:#AAD6CD;--color-success-300:#70BAAC;--color-success-400:#42A491;--color-success-500:#138D75;--color-success-600:#0F715E;--color-success-700:#0B5446;--color-success-800:#094338;--color-success-900:#07332A;
--color-warning-50:#FDF9EC;--color-warning-100:#FCF3D8;--color-warning-200:#F7E4A6;--color-warning-300:#F2D16A;--color-warning-400:#EEC239;--color-warning-500:#EAB308;--color-warning-600:#BB8F06;--color-warning-700:#8B6B05;--color-warning-800:#705604;--color-warning-900:#544103;
--color-critical-50:#FBF0F0;--color-critical-100:#F7E1E1;--color-critical-200:#EDB9B9;--color-critical-300:#E18A8A;--color-critical-400:#D86565;--color-critical-500:#CE3E3E;--color-critical-600:#A53232;--color-critical-700:#7B2525;--color-critical-800:#631E1E;--color-critical-900:#4A1616;
/* Decorative — brand expression only. Never for UI state. */
--color-decorative-one-50:#FCF6EE;--color-decorative-one-100:#E5A256;--color-decorative-one-200:#533A1F;
--color-decorative-two-50:#F5F2F8;--color-decorative-two-100:#9A7BBA;--color-decorative-two-200:#382C43;
--color-decorative-three-50:#E5F6F6;--color-decorative-three-100:#49B7CC;--color-decorative-three-300:#1A424A;
--color-decorative-four-50:#F5F8EF;--color-decorative-four-100:#97BC62;--color-decorative-four-200:#364423;
/* Brand gradient — logo anchors: support (amber) → knowledge (purple) → growth (green) → opportunity (teal).
   Non-linear blend; never recreate the logo with it. Marketing expression surfaces only. */
--gradient-brand:linear-gradient(100deg,#E5A256 0%,#9A7BBA 38%,#97BC62 68%,#49B7CC 100%); /* @kind color */

/* Semantic aliases */
--text-body:var(--color-on-surface-900);--text-muted:var(--color-on-surface-500);--text-placeholder:var(--color-on-surface-400);--text-disabled:var(--color-on-surface-300);--text-on-primary:var(--color-surface-default);--text-link:var(--color-interactive-600);--text-link-hover:var(--color-interactive-700);
--surface-page:var(--color-surface-50);--surface-card:var(--color-surface-default);--surface-sunken:var(--color-surface-100);--surface-selected:var(--color-interactive-50);
--border-default:var(--color-on-surface-200);--border-strong:var(--color-on-surface-300);--border-selected:var(--color-interactive-500);
--focus-ring:var(--color-interactive-500);
--action-primary-bg:var(--color-on-surface-900);--action-primary-bg-hover:var(--color-on-surface-700);--action-primary-bg-pressed:var(--color-on-surface-800);
--action-destructive-bg:var(--color-critical-500);--action-destructive-bg-hover:var(--color-critical-600);--action-destructive-bg-pressed:var(--color-critical-700);
--nav-active-bg:var(--color-primary-50);--nav-active-text:var(--color-primary-700);--nav-active-icon:var(--color-primary-500);--nav-idle-text:var(--color-on-surface-600);--nav-idle-icon:var(--color-on-surface-400);
--overlay-backdrop:rgba(15,23,42,.4);
/* Interaction overlays — Placebo expresses hover/pressed as on-surface-400 at a fixed alpha */
--overlay-hover-8:rgba(148,163,184,.08);--overlay-hover-10:rgba(148,163,184,.10);--overlay-hover-14:rgba(148,163,184,.14);--overlay-pressed-20:rgba(148,163,184,.20)}