/* ============================================================================
   CallVerifier · Design Tokens
   ----------------------------------------------------------------------------
   SINGLE SOURCE OF TRUTH for colors, spacing, radii, fonts.
   Change a value here and it propagates to EVERY page across the app.

   This file must load BEFORE any other CallVerifier stylesheet
   (landing.css, dashboard.css, cv-components.css). All consumers
   reference these via `var(--cv-*)`.
   ============================================================================ */

:root {
    /* ===== Surfaces / palette ===== */
    --cv-bg:           #0b1929;   /* primary background (deep navy)            */
    --cv-bg-2:         #0e1f33;   /* lifted surface (sections)                 */
    --cv-bg-3:         #122740;   /* lifted further (cards / panels)           */
    --cv-bg-soft:      #f5f8f9;   /* light-mode contrast surface (rarely used) */

    /* ===== Text ===== */
    --cv-ink:          #f5f8f9;   /* primary text on dark                      */
    --cv-ink-soft:     #b8c5d1;   /* secondary text on dark                    */
    --cv-ink-mute:     #6b7c8e;   /* muted text on dark                        */
    --cv-ink-dark:     #0a2540;   /* primary text on light surface             */
    --cv-ink-dark-soft:#44546a;   /* secondary text on light surface           */

    /* ===== Lines / borders ===== */
    --cv-line:         rgba(184, 197, 209, 0.14);
    --cv-line-soft:    rgba(184, 197, 209, 0.08);
    --cv-line-dark:    rgba(10, 37, 64, 0.12);

    /* ===== Brand accent (mint cyan) ===== */
    --cv-mint:         #00d4aa;
    --cv-mint-d:       #00b894;
    --cv-mint-soft:    rgba(0, 212, 170, 0.12);
    --cv-mint-glow:    rgba(0, 212, 170, 0.35);

    /* ===== Signal / state colors ===== */
    --cv-amber:        #ffb800;
    --cv-amber-soft:   rgba(255, 184, 0, 0.14);
    --cv-red:          #ff5b6e;
    --cv-red-soft:     rgba(255, 91, 110, 0.14);

    /* ===== Radii ===== */
    --cv-radius:       8px;
    --cv-radius-lg:    14px;

    /* ===== Shadows ===== */
    --cv-shadow-sm:    0 4px 14px rgba(0, 0, 0, 0.18);
    --cv-shadow:       0 18px 40px -18px rgba(0, 0, 0, 0.6),
                       0 2px 6px rgba(0, 0, 0, 0.18);
    --cv-shadow-paper: 0 1px 0 rgba(0, 0, 0, 0.18),
                       0 8px 24px -16px rgba(0, 0, 0, 0.5);
    --cv-glow:         0 0 24px rgba(0, 212, 170, 0.25);

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