/* ==========================================================================
   YQG business — Design Tokens (source: YQGBusiness_Handoff.docx)
   ========================================================================== */

:root {
  /* ---- Brand ---- */
  --yqg-primary:       #1A5F7A;
  --yqg-primary-hover: #15506A;
  --yqg-overlay:       rgba(20, 70, 90, 0.85);

  /* CTA amber — warm contrast against blue theme */
  --yqg-cta:           #E8902A;
  --yqg-cta-hover:     #D07A1E;

  /* ---- Text ---- */
  --yqg-ink:           #2D3748;
  --yqg-muted:         #718096;

  /* ---- Surfaces ---- */
  --yqg-page:          #F8F9FA;
  --yqg-page-alt:      #F0F2F5;
  --yqg-surface:       #FFFFFF;
  --yqg-line:          #E2E8F0;

  /* Photo placeholders */
  --yqg-hatch-a:       #ECE9E3;
  --yqg-hatch-b:       #E3DFD7;

  /* ---- Typography ---- */
  --yqg-font:          "Inter", "Montserrat", system-ui, -apple-system, sans-serif;
  --yqg-w-regular:     400;
  --yqg-w-medium:      500;
  --yqg-w-semibold:    600;
  --yqg-w-bold:        700;

  /* ---- Type scale ---- */
  --yqg-fs-hero:       52px;
  --yqg-fs-h2:         32px;
  --yqg-fs-h3:         20px;
  --yqg-fs-lead:       18px;
  --yqg-fs-body:       16px;
  --yqg-fs-nav:        15px;
  --yqg-fs-small:      14px;
  --yqg-fs-meta:       13px;

  /* ---- Radius ---- */
  --yqg-r-btn:         8px;
  --yqg-r-card:        12px;
  --yqg-r-pill:        999px;

  /* ---- Shadow ---- */
  --yqg-shadow-card:   0 2px 12px rgba(0,0,0,.07);
  --yqg-shadow-hover:  0 8px 28px rgba(0,0,0,.12);

  /* ---- Layout ---- */
  --yqg-max-w:         1180px;
  --yqg-pad-x:         40px;
  --yqg-section-pad:   80px;
}