:root{
/* base surfaces */
--bg-base:#08080F;
--surface-1:#101019;
--surface-2:#1A1A28;
--surface-3:#232336;
--surface-overlay:#2B2B40;
/* text */
--text-primary:#F4F4F8;
--text-secondary:#A3A3B8;
--text-muted:#6C6C82;
/* accent */
--accent-purple:#8B5CF6;
--accent-magenta:#C13BC7;
--accent-pink:#EC4899;
--gradient-accent:linear-gradient(120deg,#8B5CF6 0%,#C13BC7 50%,#EC4899 100%);/* @kind color */
/* semantic */
--success:#3DDC97;
--success-tint:rgba(61,220,151,.08);
--success-border:rgba(61,220,151,.28);
--warning:#F5B749;
--warning-tint:rgba(245,183,73,.08);
--warning-border:rgba(245,183,73,.28);
--error:#FF5B6D;
--error-tint:rgba(255,91,109,.08);
--error-border:rgba(255,91,109,.28);
--info:#38BDF8;
--info-tint:rgba(56,189,248,.08);
--info-border:rgba(56,189,248,.28);
/* borders + rings */
--border-hairline:rgba(255,255,255,.08);
--border-hairline-hover:rgba(255,255,255,.16);
--focus-ring:0 0 0 3px rgba(139,92,246,.36);
--scrim:rgba(8,8,15,.78);
}