@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;500;600;700&display=swap";

:root{--blue:#135dff;--red:#f04444;--yellow:#f3c91f;--ink:#0b0d10;--paper:#f5f5f2;--line:#d9dadd;--muted:#737780;--accent:var(--blue);--surface:#12151a;--surface-raised:#191d24;--surface-line:#2b3038;--success:#22ad70;--danger:#d95454;--warning:#d39a18;--focus-ring:0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent);--content-gutter:clamp(14px, 3vw, 46px);--control-height:44px}.role-superadmin,.role-owner,.role-boxboard{--board-accent:var(--blue)}.role-coach,.role-coachboard{--board-accent:var(--red)}.role-member,.role-memberboard{--board-accent:var(--yellow)}