/*
 * Rejesho auth/membership design tokens — Stitch "Rejesho" Material-3 system.
 * Single source of truth for the guest (auth + membership) visual language.
 * Consumed by app.css (legacy Bootstrap screens) and typeform.css (login/register).
 */
:root {
    /* Brand / action */
    --rj-primary: #003ec7;      /* headings, links */
    --rj-cta: #0052ff;          /* primary buttons, progress, focus */
    --rj-cta-hover: #003ec7;
    --rj-on-cta: #ffffff;
    --rj-accent: #3dc2fd;

    /* Surfaces */
    --rj-bg: #f8f9ff;           /* page background */
    --rj-surface: #ffffff;      /* cards */
    --rj-input-bg: #eff4ff;     /* input fields */
    --rj-container: #e5eeff;    /* subtle fills */
    --rj-container-high: #dce9ff; /* step-bar track, hovers */

    /* Text */
    --rj-text: #0b1c30;         /* on-surface */
    --rj-muted: #434656;        /* secondary */
    --rj-outline: #737688;      /* placeholders, muted labels */
    --rj-border: #c3c5d9;       /* borders */

    /* Status */
    --rj-error: #ba1a1a;
    --rj-error-bg: #ffdad6;
    --rj-success: #1a7f37;
    --rj-success-bg: #e7f6ec;

    /* Shape & elevation */
    --rj-radius: 8px;           /* inputs, buttons */
    --rj-radius-lg: 12px;       /* cards */
    --rj-shadow: 0 4px 20px rgba(0, 82, 255, .08);
    --rj-focus-ring: 0 0 0 3px rgba(0, 82, 255, .18);

    /* Type */
    --rj-font: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --rj-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}