:root{
--black:#111111;
--white:#FFFFFF;
--bg:#F8F8F8;
--gray-900:#111111;
--gray-700:#404040;
--gray-500:#7A7A7A;
--gray-200:#EAEAEA;
--gray-100:#ECECEC;
--blue:#3B82F6;
--purple:#7C3AED;
--indigo:#4F46E5;
--violet:#8B5CF6;
--gradient-accent:linear-gradient(135deg,var(--blue),var(--purple));
--gradient-accent-hover:linear-gradient(135deg,var(--indigo),var(--violet));
--surface-page:var(--bg);
--surface-card:var(--white);
--surface-inverse:var(--black);
--border-default:var(--gray-100);
--border-strong:var(--gray-200);
--text-primary:var(--black);
--text-secondary:var(--gray-700);
--text-muted:var(--gray-500);
--text-on-dark:var(--white);
--text-on-dark-muted:rgba(255,255,255,0.64);
--focus-ring:var(--blue);
--success:#16A34A;
--warning:#D97706;
--error:#DC2626;
}