/* Code Club Luxembourg — tenant theme for Testify
 *
 * Loaded after assets/styles/app.css, so this only restates the custom
 * properties whose values differ. Palette taken from the cclu Grav theme
 * (user/themes/cclu/scss); the original variable names are kept in the
 * comments so the two stay traceable to one another.
 *
 * Every ratio below was measured, not estimated. The brand palette is bright
 * and several colours do not survive a WCAG AA check unmodified:
 *
 *   --cc-green   #41b653  2.61:1 on white   fails
 *   --cc-green-d #2f8a3e  4.35:1 on white   fails, and only just
 *   --cc-amber   #fedf00  1.13:1 on white   fails badly
 *
 * so the UI colours below are darkened along the same hue until they pass,
 * while the unmodified brand green is kept for the logo, where WCAG's contrast
 * rules do not apply.
 */

:root {
    /* Greens. app.css requires --color-primary to hold --color-primary-text
     * (white) at >= 4.5:1, since it carries button labels. */
    --color-primary: #30873d;        /* cc-green at 74%,  4.51:1 on white */
    --color-primary-dark: #25692f;   /* hover/active,     6.69:1 on white */
    --color-primary-text: #ffffff;

    --color-secondary: #46499e;      /* cc-purple,        7.76:1 on white */

    /* Warm neutrals: the Grav site sits on cream rather than pure white. */
    --color-bg: #ffffff;
    --color-bg-alt: #f7f3ed;         /* cc-cream */
    --color-surface: #f7f3ed;        /* cc-cream */
    --color-border: #e5e0d6;         /* --border-warm, matches the cream */

    --color-text: #061719;           /* cc-ink,          18.35:1 on white */
    --color-text-muted: #4a5a5c;     /* cc-ink lightened, 7.22:1 / 6.53:1 cream */

    /* Status colours are rendered as text on light backgrounds, so each is
     * checked against both --color-bg and the surface it sits on. */
    --color-success: #2e7f3a;        /* cc-green darkened, 4.98:1 / 4.51:1 cream */
    --color-error: #da315f;          /* cc-pink,           4.58:1 on white */
    --color-warning: #7a6b00;        /* cc-amber darkened, 5.34:1 / 4.92:1 on warning-bg */
    --color-warning-bg: #fdf6d8;     /* cc-yellow lightened into a surface */

    /* Lexend is the Grav site's display face. It is deliberately NOT imported
     * from Google Fonts here: this app collects testimonials, and hotlinking
     * would disclose visitors' IP addresses to a third party on every page.
     * Listed first so it applies if the font is ever self-hosted; until then
     * the stack falls through to the system UI font. */
    --font-sans: "Lexend", "Roboto", system-ui, -apple-system, sans-serif;

    /* The Grav theme uses softer corners than Testify's 6px default. */
    --radius: 10px;
}