/* ==========================================================================
   Quick1099 Design Tokens
   Ported from Quick1099.Website (public marketing theme) for visual parity.
   Additive, non-destructive: defines custom properties only.
   Load AFTER style.css / styleV2.css / dashboard.css / bootstrap so that
   consuming stylesheets (q-base.css, q-components.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:       #ede3d1;
  --q-border-soft:  #f2ead9;

  /* Brand */
  --q-blue-700: #1147ba;
  --q-blue-600: #1a56db;
  --q-blue-500: #2e6ae8;
  --q-blue-100: #dbe7fb;
  --q-blue-50:  #eef4fd;
  --q-sky-50:   #e9f2fb;

  --q-navy-900: #0a1130;
  --q-navy-800: #0f1c48;
  --q-navy-700: #16265c;

  --q-green-600: #16924a;
  --q-green-100: #ddf3e4;
  --q-teal-600:  #0e9488;
  --q-teal-100:  #d5f1ee;
  --q-amber:     #f0a417;
  --q-danger:    #d92d20;

  /* Ink (text) */
  --q-ink-900: #101a3c;
  --q-ink-700: #3d4763;
  --q-ink-500: #67718c;
  --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(26, 86, 219, 0.4);

  /* Motion / layout */
  --q-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --q-dur: 220ms;
  --q-container: 1180px;
  --q-header-h: 72px;
}