/*
 * UzAcademy LMS design tokens: the one place for the brand colours, fonts and corner radii.
 *
 * Stylesheets use them as var(--ua-..., <fallback>) with the original value as fallback, so a page
 * that doesn't load this file still looks the same. Change a value here to change it everywhere.
 * New CSS should use these tokens instead of literal colours / font names.
 */
:root {
    /* colours */
    --ua-color-brand: #959c6d;          /* olive: primary buttons, borders, progress, highlights */
    --ua-color-brand-dark: #7f865b;     /* hover / pressed state of brand elements */
    --ua-color-accent: #5e4f00;         /* dark gold accent */
    --ua-color-bg: #1c1c1c;             /* page background */
    --ua-color-surface: #292929;        /* cards, accordions, panels on the page background */
    --ua-color-text: #ffffff;           /* text on dark backgrounds */
    --ua-color-text-muted: #b2b7c2;     /* secondary text */

    /* typography */
    --ua-font-body: 'Gilroy-Regular', sans-serif;
    --ua-font-heading: 'Montserrat-Regular', sans-serif;

    /* shape */
    --ua-radius-sm: 8px;
    --ua-radius: 10px;
    --ua-radius-lg: 12px;
}