:root{
--navy-950:#060f1f;
--navy-900:#0A192F;
--navy-800:#122540;
--navy-700:#1B3457;
--navy-600:#2B4C78;
--navy-300:#8FA3C2;
--navy-100:#DCE4EF;
--teal-500:#00D9B8;
--teal-400:#00F5D4;
--teal-300:#5FFCE4;
--violet-600:#6B2FDB;
--violet-500:#8C52FF;
--violet-400:#A87CFF;
--orange-500:#FF7A2E;
--orange-400:#FF914D;
--orange-300:#FFB482;
--white:#FFFFFF;
--black:#04070C;

--surface-app:var(--navy-900);
--surface-app-deep:var(--navy-950);
--surface-raised:var(--navy-800);
--surface-card:var(--navy-800);
--surface-card-border:var(--navy-600);
--surface-inverse:var(--white);

--text-primary:var(--white);
--text-secondary:var(--navy-300);
--text-on-light:var(--navy-900);
--text-on-light-secondary:#4A5B76;
--text-accent:var(--teal-400);

--brand-primary:var(--teal-400);
--brand-secondary:var(--violet-500);
--brand-tertiary:var(--orange-400);

--border-default:var(--navy-600);
--border-strong:var(--navy-300);
--border-focus:var(--teal-400);

--gradient-violet-orange:linear-gradient(135deg,var(--violet-500) 0%,var(--orange-400) 100%);
--gradient-violet-teal:linear-gradient(135deg,var(--violet-500) 0%,var(--teal-400) 100%);
--gradient-teal-orange:linear-gradient(135deg,var(--teal-400) 0%,var(--orange-400) 100%);
--gradient-brand:var(--gradient-violet-orange);
--gradient-brand-diag:var(--gradient-violet-orange);
--gradient-hero:
  radial-gradient(ellipse 95% 95% at 0% 100%,rgba(140,82,255,0.17) 0%,rgba(140,82,255,0.07) 35%,rgba(140,82,255,0) 75%),
  radial-gradient(ellipse 95% 95% at 100% 100%,rgba(255,145,77,0.16) 0%,rgba(255,145,77,0.07) 35%,rgba(255,145,77,0) 75%),
  var(--navy-900);
--gradient-card-border:var(--gradient-violet-orange);

--state-success:var(--teal-400);
--state-warning:var(--orange-400);
--state-danger:#FF5C6C;
--state-info:var(--violet-400);
}