/*
 * Rejesho auth/membership design tokens.
 * Retargeted to the Kaypee / Flowbite system: Inter, cool-gray neutrals,
 * BLUE accents (links / focus / progress), BLACK primary buttons.
 * Consumed by app.css (legacy Bootstrap screens) and typeform.css (login/register).
 */

/* Inter — reuse the backend self-hosted woff2 (path relative to this file) */
@font-face { font-family:'Inter'; font-style:normal; font-weight:400; font-display:swap;
    src:url('../../backend/assets/fonts/inter/inter-latin-400.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-style:normal; font-weight:500; font-display:swap;
    src:url('../../backend/assets/fonts/inter/inter-latin-500.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-style:normal; font-weight:600; font-display:swap;
    src:url('../../backend/assets/fonts/inter/inter-latin-600.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-style:normal; font-weight:700; font-display:swap;
    src:url('../../backend/assets/fonts/inter/inter-latin-700.woff2') format('woff2'); }

:root {
    /* Brand / action */
    --rj-primary: #1C64F2;      /* headings accent, links (blue) */
    --rj-cta: #111827;          /* primary buttons (black) */
    --rj-cta-hover: #1F2937;
    --rj-on-cta: #ffffff;
    --rj-accent: #1C64F2;       /* blue accent: progress, focus, links */

    /* Surfaces */
    --rj-bg: #F9FAFB;           /* page background (gray-50) */
    --rj-surface: #ffffff;      /* cards */
    --rj-input-bg: #ffffff;     /* input fields (white + gray border) */
    --rj-container: #F3F4F6;    /* subtle fills (gray-100) */
    --rj-container-high: #E5E7EB; /* step-bar track, hovers (gray-200) */

    /* Text */
    --rj-text: #111827;         /* on-surface (gray-900) */
    --rj-muted: #4B5563;        /* secondary (gray-600) */
    --rj-outline: #9CA3AF;      /* placeholders, muted labels (gray-400) */
    --rj-border: #D1D5DB;       /* borders (gray-300) */

    /* Status */
    --rj-error: #E02424;
    --rj-error-bg: #FDE8E8;
    --rj-success: #046C4E;
    --rj-success-bg: #DEF7EC;

    /* Shape & elevation */
    --rj-radius: 8px;           /* inputs, buttons */
    --rj-radius-lg: 12px;       /* cards */
    --rj-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);
    --rj-focus-ring: 0 0 0 3px rgba(28, 100, 242, .22);

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