@import url("/content/clusta-fonts.css");
/* l9.tokens.css (clusta.app)
   The token names are the ones every stylesheet and control in this codebase already reads, so the
   whole site re-skins from this one file. Values come from the clusta.app brand studio (Cobalt study):
   Ink #202334, Cobalt #3155E7, Soft surface #EDF0FF, Paper #F8F9FB. Light theme, Geist for type,
   Space Grotesk for the wordmark only. Changed 2026-09-24 for the clusta.app website. */
:root {
    --l9-bg: #F8F9FB;            /* Paper */
    --l9-bg-soft: #EDF0FF;       /* Soft surface (cobalt tint) */
    --l9-surface: #FFFFFF;
    --l9-surface-2: #F1F3F8;
    /* The chalkboard tokens are read by the TV surfaces only. Untouched. */
    --l9-chalkboard: #0e1512;
    --l9-chalk-panel: #080C0A;
    --l9-chalkboard-image: radial-gradient(ellipse 75% 55% at 50% 36%, rgba(86,108,96,.16), rgba(0,0,0,0) 70%),radial-gradient(ellipse 120% 120% at 50% 50%, rgba(0,0,0,0) 52%, rgba(0,0,0,.6) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
    --l9-chalkboard-size: auto,auto,160px 160px;
    --l9-text: #202334;          /* Ink */
    --l9-text-muted: #5A6073;
    --l9-border: #D8DBE3;
    --l9-accent: #3155E7;        /* Cobalt: emphasis and actions only */
    --l9-accent-hover: #2745C4;
    --l9-danger: #B42318;
    --l9-success: #176044;
    --l9-font-heading: 'Geist', Arial, sans-serif;
    --l9-font-body: 'Geist', Arial, sans-serif;
    --l9-font-chalk: 'Shantell Sans', cursive;
    --l9-radius-input: 8px;
    --l9-radius-button: 8px;
    --l9-radius-card: 12px;
    --l9-shadow-soft: 0 6px 20px rgba(32,35,52,.06);
    --l9-shadow-strong: 0 12px 36px rgba(32,35,52,.12);
    --l9-max-content: 1200px;
    --l9-max-narrow: 760px;
    /* clusta.app additions */
    --cl-font-wordmark: 'Space Grotesk', Arial, sans-serif;
    --cl-ink: #202334;
    --cl-cobalt: #3155E7;
    --cl-tint: #EDF0FF;
    --cl-paper: #F8F9FB;
    --cl-on-accent: #FFFFFF;
}