/* ==========================================================================
   UPVCLeads.com — Design tokens, v2 (cool blue/gray, sans-serif)
   Round 27 — full palette and type redesign. Every variable name below
   is unchanged from the previous token set; only VALUES changed. This
   means base.css, components.css, and page.css need zero edits — the
   whole visual identity flows from this one file plus fonts.css.
   ========================================================================== */

:root {
  /* ---- Color: primary (was bottle green, now a clear modern blue) ---- */
  --c-glass:        #2563EB;
  --c-glass-deep:    #1D4ED8;  /* hover, pressed */
  --c-glass-tint:    #EFF4FF;  /* wash backgrounds */
  --c-glass-edge:    #93B4F5;  /* borders on tinted surfaces */

  /* ---- Color: secondary (slate gray) ---- */
  --c-steel:         #64748B;
  --c-steel-tint:    #F1F4F8;

  /* ---- Color: semantic ---- */
  --c-danger:        #DC2626;
  --c-danger-tint:   #FEF2F2;
  --c-pending:       #B45309;
  --c-pending-tint:  #FFFBEB;
  --c-focus:         #2563EB;

  /* ---- Color: ink (cool near-black, not the old warm espresso) ---- */
  --c-ink:           #111827;
  --c-ink-body:      #1F2937;
  --c-ink-muted:     #6B7280;
  --c-ink-faint:     #9CA3AF;

  /* ---- Color: surface (cool light gray, not the old parchment cream) ---- */
  --c-surface:       #F8FAFC;
  --c-surface-raised: #FFFFFF;
  --c-surface-sunk:  #F1F5F9;

  /* ---- Color: lines ---- */
  --c-line:          #E2E8F0;
  --c-line-strong:   #CBD5E1;

  /* ---- Fonts — all sans-serif now, single family (Inter) for display
     and body, weight does the differentiating instead of a serif/sans
     pairing. Loaded via Google Fonts in fonts.css. Mono stays a system
     stack — no separate web font needed for that role. ---- */
  --f-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --f-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --f-mono:    ui-monospace, 'SF Mono', 'Cascadia Code', 'Roboto Mono', Consolas, monospace;

  /* ---- Type scale (unchanged from before — sizing, not color/font, so
     no reason to touch it) ---- */
  --t-2xs: 0.6875rem;
  --t-xs:  0.75rem;
  --t-sm:  0.875rem;
  --t-base: 1rem;
  --t-md:  1.125rem;
  --t-lg:  1.375rem;
  --t-xl:  1.75rem;
  --t-2xl: 2.25rem;
  --t-3xl: 3rem;

  --lh-tight: 1.05;
  --lh-snug:  1.2;
  --lh-body:  1.55;
  --ls-tight: -0.02em;
  --ls-label: 0.08em;

  /* ---- Radius — rounder than before, for the more contemporary feel
     asked for (previous set was a near-sharp "chamfer", 3px). ---- */
  --r-sm:   6px;
  --r-md:  10px;
  --r-lg:  16px;
  --r-pill: 999px;

  /* ---- Spacing (unchanged — a spacing rhythm isn't a "color/font"
     concern, and every component's padding math already depends on
     these exact values) ---- */
  --s-1:  0.25rem;
  --s-2:  0.5rem;
  --s-3:  0.75rem;
  --s-4:  1rem;
  --s-5:  1.5rem;
  --s-6:  2rem;
  --s-7:  3rem;
  --s-8:  4rem;
  --s-9:  6rem;
  --s-10: 8rem;

  /* ---- Layout ---- */
  --w-page: 1200px;
  --w-text: 64ch;
  --gutter: var(--s-5);
  --mullion: 1px;

  /* ---- Shadows — slightly softer/cooler-toned than before ---- */
  --sh-1: 0 1px 2px rgba(17, 24, 39, 0.05);
  --sh-2: 0 4px 12px rgba(17, 24, 39, 0.08);
  --sh-3: 0 12px 40px rgba(17, 24, 39, 0.14);

  /* ---- Motion (unchanged) ---- */
  --e-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --e-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --d-fast: 120ms;
  --d-base: 220ms;
  --d-slow: 400ms;

  /* ---- Layers (unchanged) ---- */
  --z-sticky:   100;
  --z-sidetab:  200;
  --z-panel:    300;
  --z-overlay:  290;
  --z-toast:    400;
}

@media (max-width: 720px) {
  :root {
    --t-3xl: 2.5rem;
    --t-2xl: 2rem;
    --t-xl:  1.5rem;
    --gutter: var(--s-4);
  }
}