/* Generated from Figma Variables. First mode = :root default. FLOAT tokens are unitless — multiply by 1px in calc() where a length is needed. */ :root { --border-subtle: rgb(239,242,245); /* @kind color */ --module-dashboard: rgb(16,198,110); /* @kind color */ --surface-card: rgb(255,255,255); /* @kind color */ --surface-elevated: rgb(255,255,255); /* @kind color */ --surface-page: rgb(244,246,248); /* @kind color */ --surface-sidebar-active: rgb(236,253,243); /* @kind color */ --surface-sidebar-card: rgb(248,250,252); /* @kind color */ --surface-sidebar: rgb(255,255,255); /* @kind color */ --surface-topbar: rgb(255,255,255); /* @kind color */ --text-accent: rgb(14,171,94); /* @kind color */ --text-inverse: rgb(255,255,255); /* @kind color */ --text-muted: rgb(139,149,161); /* @kind color */ --text-on-brand: rgb(255,255,255); /* @kind color */ --text-primary: rgb(15,21,33); /* @kind color */ --text-secondary: rgb(74,85,100); /* @kind color */ } /* Dark mode. Scoped to match colors_and_type.css — an unscoped attribute selector, so a nested element can carry the theme too. The generator emitted `:root[data-theme="dark"], .dark`, which only matched on and disagreed with the rest of the system. */ [data-theme="dark"], .dark { --border-subtle: rgb(26,34,48); /* @kind color */ --module-dashboard: rgb(16,198,110); /* @kind color */ --surface-card: rgb(19,25,34); /* @kind color */ --surface-elevated: rgb(26,34,48); /* @kind color */ --surface-page: rgb(11,15,20); /* @kind color */ --surface-sidebar-active: rgb(26,42,31); /* @kind color */ --surface-sidebar-card: rgb(19,25,34); /* @kind color */ --surface-sidebar: rgb(15,20,28); /* @kind color */ --surface-topbar: rgb(15,20,28); /* @kind color */ --text-accent: rgb(16,198,110); /* @kind color */ --text-inverse: rgb(11,15,20); /* @kind color */ --text-muted: rgb(107,116,128); /* @kind color */ --text-on-brand: rgb(11,15,20); /* @kind color */ --text-primary: rgb(244,246,248); /* @kind color */ --text-secondary: rgb(164,173,186); /* @kind color */ }