:root {
    --l9-bg: #0E0E0E;
    --l9-bg-soft: #171717;
    --l9-surface: #1F1F1F;
    --l9-surface-2: #262626;
    /* The chalkboard. Dark slate, a chalk-dust glow, a vignette and a faint grain. Both TV
       surfaces paint this same ground: the pre-class lobby and the workout board itself. */
    --l9-chalkboard: #0e1512;
    /* Cards sitting ON the chalkboard. The neutral grey surface reads as a grey box against
       the green slate, so panels on the board get their own darker, green-biased tone. */
    --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: #F5F5F5;
    --l9-text-muted: #B8B8B8;
    --l9-border: #333333;
    --l9-accent: #D4A64A;
    --l9-accent-hover: #E1B55A;
    --l9-danger: #C94B4B;
    --l9-success: #3FA66B;
    --l9-font-heading: 'Oswald', sans-serif;
    --l9-font-body: 'Inter', sans-serif;
    /* Chalk. Every hand-written mark on the TV comes from here so the whole wall speaks
       with one voice. Swap this single line to change the chalk everywhere. */
    --l9-font-chalk: 'Shantell Sans', cursive;
    --l9-radius-input: 14px;
    --l9-radius-button: 14px;
    --l9-radius-card: 20px;
    --l9-shadow-soft: 0 8px 24px rgba(0,0,0,.20);
    --l9-shadow-strong: 0 12px 36px rgba(0,0,0,.35);
    --l9-max-content: 1200px;
    --l9-max-narrow: 760px;
}