/* OneBloc — design tokens. Import once, then use var(--*) everywhere. Re-theme an app per module by overriding --acc / --acc-deep / --acc-soft. */ :root{ /* brand blue */ --ob-blue:#2B7FF0; --ob-navy:#15327C; --ob-blue-top:#4DA0FF; --ob-blue-left:#2A7DF0; --ob-blue-right:#1657C8; /* neutrals */ --ob-ink:#101720; --ob-slate:#3A4453; --ob-muted:#6A7482; --ob-faint:#9AA3AF; --ob-line:#E6E9EE; --ob-line-soft:#F0F2F5; --ob-bg:#F6F7F9; --ob-card:#FFFFFF; /* semantic */ --ob-success:#16895A; --ob-success-soft:#E4F3EC; --ob-warning:#B7791F; --ob-warning-soft:#FBF1DE; --ob-danger:#C8472F; --ob-danger-soft:#FBEAE6; /* module accents (key = left face) */ --ob-opsflow:#23262C; --ob-billing:#F59E1B; --ob-statement:#0E7FA6; --ob-accounting:#0E9E70; --ob-connect:#15AEC2; --ob-dispatch:#F2603C; --ob-claim:#4A57D6; --ob-hr:#7B5BF0; --ob-ai:#D81FA9; --ob-shop:#E0322E; --ob-pay:#0D9488; /* active module theme — override these three on */ --acc:#0D9488; /* = module key/left (Pay = teal) */ --acc-deep:#0F766E; /* = module right */ --acc-soft:#E3F5F3; /* ~10% tint for active states/chips */ /* shape */ --ob-r-control:11px; --ob-r-card:16px; --ob-shadow-btn:0 1px 2px rgba(0,0,0,.12); --ob-shadow-float:0 10px 30px rgba(16,33,80,.06); /* type */ --ob-font:"Plus Jakarta Sans",system-ui,sans-serif; --ob-mono:"JetBrains Mono",ui-monospace,monospace; }