:root{
/* base neutrals — dark technical surface */
--n-950:#0a0c10;
--n-900:#0e1116;
--n-850:#11141a;
--n-800:#161a22;
--n-700:#1e232d;
--n-600:#2a303c;
--n-500:#3a4150;
--n-400:#5a6172;
--n-300:#7c8394;
--n-200:#a3a9b6;
--n-100:#cfd3db;
--n-50:#f2f3f6;
--white:#ffffff;

/* brand — warm signal amber, the one accent in the system */
--brand-900:#7a3312;
--brand-700:#b8501c;
--brand-600:#dd6421;
--brand-500:#f3812f;
--brand-400:#ff9a4f;
--brand-300:#ffb578;
--brand-100:#ffe3c9;

/* semantic status */
--success-500:#37b378;
--success-100:#d4f3e3;
--warning-500:#e0a838;
--warning-100:#faeacb;
--danger-500:#e0524a;
--danger-100:#fadad7;
--info-500:#4a90d9;
--info-100:#d9e9fa;

/* surfaces */
--surface-app:var(--n-950);
--surface-canvas:var(--n-900);
--surface-1:var(--n-850);
--surface-2:var(--n-800);
--surface-3:var(--n-700);
--surface-raised:var(--n-800);
--surface-overlay:rgba(10,12,16,0.72);

/* borders */
--border-subtle:var(--n-700);
--border-default:var(--n-600);
--border-strong:var(--n-500);
--border-brand:var(--brand-600);

/* text */
--text-primary:var(--n-50);
--text-secondary:var(--n-200);
--text-tertiary:var(--n-400);
--text-disabled:var(--n-500);
--text-inverse:var(--n-950);
--text-brand:var(--brand-400);
--text-link:var(--brand-400);
--text-link-hover:var(--brand-300);

/* accent roles */
--accent:var(--brand-500);
--accent-hover:var(--brand-400);
--accent-active:var(--brand-700);
--accent-contrast:var(--n-950);
--accent-soft:rgba(243,129,47,0.14);
--accent-soft-border:rgba(243,129,47,0.32);

/* status roles */
--success:var(--success-500);
--success-soft:rgba(55,179,120,0.14);
--warning:var(--warning-500);
--warning-soft:rgba(224,168,56,0.14);
--danger:var(--danger-500);
--danger-soft:rgba(224,82,74,0.14);
--info:var(--info-500);
--info-soft:rgba(74,144,217,0.14);

/* focus */
--focus-ring:rgba(243,129,47,0.45);
}