:root{
--color-black:#0A0A0B;--color-black-pressed:#000000;
--color-mint-50:#E3FBF3;--color-mint-100:#B9F3DE;--color-mint-400:#22E0A8;--color-mint-500:#00D394;--color-mint-600:#00B37D;
--color-white:#FFFFFF;
--gray-25:#FAFBFB;--gray-50:#F6F7F8;--gray-100:#EDEEF0;--gray-200:#E4E6E8;--gray-300:#C8CCD0;--gray-400:#9BA0A6;--gray-500:#7A8087;--gray-600:#4B5157;--gray-700:#33373B;--gray-800:#1D2023;--gray-900:#0A0A0B;

--color-primary:var(--color-black);
--color-primary-pressed:var(--color-black-pressed);
--color-primary-soft:var(--gray-50);
--color-accent:var(--color-mint-500);
--color-accent-pressed:var(--color-mint-600);
--color-accent-soft:var(--color-mint-50);

--color-canvas:var(--color-white);
--color-surface:var(--color-white);
--color-surface-soft:var(--gray-50);
--color-surface-elevated:var(--color-white);
--color-border:var(--gray-200);
--color-border-soft:var(--gray-100);
--color-border-strong:var(--gray-300);

--text-primary:var(--gray-900);
--text-secondary:var(--gray-600);
--text-tertiary:var(--gray-500);
--text-muted:var(--gray-400);
--text-disabled:var(--gray-300);
--text-on-dark:var(--color-white);
--text-on-accent:#06231A;

--color-success:#16A34A;--color-success-soft:#E7F8ED;
--color-warning:#D97706;--color-warning-soft:#FDF3E3;
--color-error:#DC2626;--color-error-soft:#FCE9E8;
--color-info:#2563EB;--color-info-soft:#E8EFFD;

--hero-gradient-start:#F4FBF8;
--hero-gradient-middle:#E7F6EF;
--hero-gradient-end:#FFFFFF;
--hero-dark-start:#06120D;
--hero-dark-end:#0B2E22;

--code-bg:#0B0D0F;
--code-text:#E6E8EA;
--code-muted:#8A9098;
--code-keyword:#C792EA;
--code-string:var(--color-mint-400);
--code-function:#7DD3FC;
--code-variable:#FBBF77;
--code-warning:#FBBF24;
--code-error:#F87171;
}