/* ==========================================================================
   Theme tokens (vars.css)
   ========================================================================== */
:root {
    --action: #313872;

    --bg: #fbfbff;
    --surface: #ffffff;
    --surface-2: rgba(49, 56, 114, 0.04);
    /* lavender tint */
    --surface-3: rgba(49, 56, 114, 0.07);

    --text: #111827;
    --muted: rgba(17, 24, 39, 0.65);

    --line: rgba(17, 24, 39, 0.10);
    --line-2: rgba(17, 24, 39, 0.07);

    --shadow: 0 12px 28px rgba(17, 24, 39, 0.06);
    --shadow-soft: 0 8px 22px rgba(17, 24, 39, 0.05);

    --radius-lg: 18px;
    --radius-md: 14px;
    --radius-sm: 12px;

    --focus: 0 0 0 4px rgba(49, 56, 114, 0.18);

    /* Fonts */
    --font-body: "Open Sans", ui-sans-serif, system-ui, sans-serif;
    --font-heading: "Poppins", ui-sans-serif, system-ui, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
}