/* --- Colors --- */

:root {
    --font-family-main: "Inter", sans-serif;

    /* Primary brand color — red */
    --main: #517afc;
    --main-dark: #a50d24;
    --main-light: rgba(200, 16, 46, 0.08);

    /* Backgrounds */
    --dark-bg: #111111;
    --dark-card: #282828;
    --light-bg: #f5f5f5;
    --card-bg: #ffffff;

    /* Typography */
    --text-color: #1a1a1a;
    --text-muted: #888888;
    --text-on-dark: #ffffff;

    /* UI */
    --green: #22a06b;
    --border: #e8e8e8;
}