/* ==========================================================================
   Quick1099 Design Tokens
   UPDATED: brand blue/navy/teal values realigned to match the actual
   customer-facing app theme (theme-auth.css / q-admin.css), replacing the
   marketing-site cream palette this file previously carried. Structure,
   spacing, radii, shadow, and motion tokens are unchanged.

   Load AFTER style.css / styleV2.css / dashboard.css / bootstrap so that
   consuming stylesheets (q-base.css, q-components.css, q-dashboard.css...)
   can safely override look-and-feel without touching legacy files.
   ========================================================================== */

:root {
    /* Surfaces */
    --q-cream: #f7f9fd;
    --q-cream-2: #f6efe0;
    --q-white: #ffffff;
    --q-border: #d9e5f3; /* was #ede3d1 (marketing tan) — now matches qt-line */
    --q-border-soft: #eef3fa; /* was #f2ead9 (marketing tan-light) */
    /* Brand — realigned to theme-auth.css's qt-* values */
    --q-blue-700: #0a54bd; /* was #1147ba — now qt-blue-dark */
    --q-blue-600: #0d63d8; /* was #1a56db — now qt-blue (PRIMARY) */
    --q-blue-500: #2e79e0; /* was #2e6ae8 — light interpolation, no exact customer equivalent */
    --q-blue-100: #dceafa; /* was #dbe7fb — now qt-blue-100 */
    --q-blue-50: #f2f7fe; /* was #eef4fd — now qt-blue-50 */
    --q-sky-50: #e9f2fb;
    --q-navy-900: #071b3f; /* was #0a1130 — now qt-navy */
    --q-navy-800: #0f2347; /* was #0f1c48 — interpolated */
    --q-navy-700: #172d52; /* was #16265c — now qt-ink */

    --q-green-600: #24a548; /* was #16924a — now matches theme-auth.css's success-icon green */
    --q-green-100: #ddf3e4;
    --q-teal-600: #18b8a5; /* was #0e9488 — now qt-teal */
    --q-teal-100: #d9f5f0; /* was #d5f1ee — teal-shifted */
    --q-amber: #f0a417;
    --q-danger: #d93c47; /* was #d92d20 — now matches the app's existing --danger elsewhere */
    /* Ink (text) — realigned to theme-auth.css's qt-ink / qt-muted */
    --q-ink-900: #172d52; /* was #101a3c — now qt-ink */
    --q-ink-700: #3d4b66; /* was #3d4763 — interpolated */
    --q-ink-500: #5d7090; /* was #67718c — now qt-muted */
    --q-ink-400: #8f97ad;
    /* Type */
    --q-font-sans: "Segoe UI", "Segoe UI Variable", -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;
    --q-font-display: var(--q-font-sans);
    --q-text-xs: 0.8125rem;
    --q-text-sm: 0.9rem;
    --q-text-base: 1rem;
    --q-text-lg: 1.125rem;
    --q-text-xl: 1.3rem;
    --q-text-2xl: 1.65rem;
    --q-text-3xl: 2.15rem;
    --q-text-4xl: 2.9rem;
    --q-text-5xl: 3.55rem;
    /* Spacing */
    --q-space-1: 0.25rem;
    --q-space-2: 0.5rem;
    --q-space-3: 0.75rem;
    --q-space-4: 1rem;
    --q-space-5: 1.5rem;
    --q-space-6: 2rem;
    --q-space-7: 3rem;
    --q-space-8: 4rem;
    --q-space-9: 5.5rem;
    /* Radii */
    --q-radius-sm: 8px;
    --q-radius-md: 12px;
    --q-radius-lg: 16px;
    --q-radius-xl: 22px;
    --q-radius-full: 999px;
    /* Shadows */
    --q-shadow-sm: 0 1px 3px rgba(16, 26, 60, 0.06);
    --q-shadow-md: 0 8px 22px -6px rgba(16, 26, 60, 0.10);
    --q-shadow-lg: 0 22px 48px -16px rgba(16, 26, 60, 0.18);
    --q-shadow-blue: 0 8px 20px -6px rgba(13, 99, 216, 0.4);
    /* Motion / layout */
    --q-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --q-dur: 220ms;
    --q-container: 1180px;
    --q-header-h: 72px;
    /* ---- Compatibility aliases ----
     q-dashboard.css references these short var names (--navy, --line,
     --r-sm) in a handful of rules, but nothing anywhere defines them —
     they were silently falling back to inherited/initial values. Aliased
     here so those rules resolve to the correct themed color instead of
     rendering with no intentional color at all. Safe no-ops anywhere
     these names are otherwise unused. */
    --navy: var(--q-navy-900);
    --line: var(--q-border);
    --r-sm: var(--q-radius-sm);
}