/* ==========================================================================
   Qualvent Consult — Brand Variables
   Colors CONFIRMED — sampled directly from the client-provided logo file
   (quavalent_raw_logo.png), replacing the earlier CMYK-conversion estimates.
   ========================================================================== */

:root {
  /* --- Brand colors (CONFIRMED, sampled from source logo) --- */
  --qv-color-blue: #2A2D7C;      /* stability, trust, wisdom */
  --qv-color-orange: #F7921C;    /* confidence, energy, excellence */

  /* Tints/shades derived for hover states, backgrounds, etc. */
  --qv-color-blue-dark: #1e2059;
  --qv-color-blue-light: #e8e9f2;
  --qv-color-orange-dark: #d97a0f;
  --qv-color-orange-light: #fdf0de;

  /* --- Neutrals --- */
  --qv-color-black: #14151a;
  --qv-color-gray-900: #1f2128;
  --qv-color-gray-700: #4a4d59;
  --qv-color-gray-400: #9498a6;
  --qv-color-gray-200: #e2e4ea;
  --qv-color-gray-100: #f5f6f9;
  --qv-color-white: #ffffff;

  /* --- Homepage refresh additions --- */
  --qv-color-navy-deep: #1B1D52;      /* dark contrast bands (CTA, footer accents) */
  --qv-color-paper: #F5F6F8;          /* cool "drawing paper" background, hero panels */
  --qv-blueprint-line: rgba(42, 45, 124, 0.14); /* grid/dimension line color on paper bg */

  /* --- Semantic aliases --- */
  --qv-color-primary: var(--qv-color-blue);
  --qv-color-accent: var(--qv-color-orange);
  --qv-color-text: var(--qv-color-gray-900);
  --qv-color-text-muted: var(--qv-color-gray-700);
  --qv-color-bg: var(--qv-color-white);
  --qv-color-bg-alt: var(--qv-color-gray-100);
  --qv-color-border: var(--qv-color-gray-200);

  /* --- Typography --- */
  --qv-font-display: 'Balinese Culture', 'Archivo', 'Georgia', serif;
  --qv-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --qv-font-mono: 'IBM Plex Mono', 'Courier New', monospace;

  --qv-fs-h1: clamp(2.25rem, 4vw + 1rem, 3.75rem);
  --qv-fs-h2: clamp(1.75rem, 2.5vw + 1rem, 2.75rem);
  --qv-fs-h3: clamp(1.375rem, 1.5vw + 1rem, 1.875rem);
  --qv-fs-body: 1rem;
  --qv-fs-small: 0.875rem;

  --qv-lh-heading: 1.15;
  --qv-lh-body: 1.6;

  /* --- Spacing scale (4px base) --- */
  --qv-space-1: 0.25rem;
  --qv-space-2: 0.5rem;
  --qv-space-3: 0.75rem;
  --qv-space-4: 1rem;
  --qv-space-6: 1.5rem;
  --qv-space-8: 2rem;
  --qv-space-12: 3rem;
  --qv-space-16: 4rem;
  --qv-space-24: 6rem;

  /* --- Layout --- */
  --qv-container-max: 1200px;
  --qv-radius-sm: 4px;
  --qv-radius-md: 8px;
  --qv-radius-lg: 16px;

  /* --- Shadows --- */
  --qv-shadow-sm: 0 1px 2px rgba(20, 21, 26, 0.06);
  --qv-shadow-md: 0 4px 16px rgba(20, 21, 26, 0.08);
}