/* Movim AI brand palette — the single source of truth for site colors.
   All pages link this file before their own styles; update colors here.
   The *-rgb triplets exist so translucent tints can be built with
   rgba(var(--gold-rgb), 0.12) etc; keep them in sync with their hex
   counterparts when editing. */

:root {
    /* Podium metals (also color the inline logo mark in page headers) */
    --gold: #f0c850;
    --gold-light: #f7d878;
    --gold-dark: #d9a742;
    --silver: #cbd0d3;
    --silver-light: #eef1f3;
    --silver-dark: #8e9294;
    --bronze: #a87338;
    --bronze-light: #c98a4b;
    --gold-rgb: 240, 200, 80;
    --silver-rgb: 203, 208, 211;
    --bronze-light-rgb: 201, 138, 75;

    /* Color roles */
    --primary: var(--gold);
    --primary-dark: #8a6a1f;
    --accent: var(--bronze-light);

    /* Midnight blue backgrounds */
    --bg-dark: #0a0a1a;
    --bg-card: #10102a;
    /* For surfaces that float above the page, e.g. toasts */
    --bg-elevated: #191940;
    --secondary: #0e1f45;

    /* Text */
    --text: #ffffff;
    --text-muted: #bcc7d2;
    --text-very-muted: #8595aa;

    /* Semantic colors, independent of the brand palette */
    --link: #7aa7f0;
    --google-blue: #4285f4;
    --google-blue-hover: #3367d6;
    --success: #22c55e;
    --error: #ef4444;
}