/*
  PeakSales "Summit" design tokens — Brand Refresh
  New palette: #0B132B (Navy) + #3BA5FF (Blue) brand identity
  Typography: Poppins (Bold, SemiBold, Regular)
*/

/* ── Google Fonts ── */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

:root {
  /* ── Primary Brand (Dark Navy) ── */
  --ps-ink:         #0B132B;   /* hero, process band, footer — Navy */
  --ps-basalt:      #141E3C;   /* raised dark surface, cards on ink */
  --ps-basalt-line: #1E2D54;   /* hairlines on dark */

  /* ── Light surfaces ── */
  --ps-snow:        #F2F4F7;   /* base light surface */
  --ps-frost:       #E6EEF8;   /* light panels, hairlines on light */
  --ps-white:       #FFFFFF;   /* cards on snow */

  /* ── Brand Blue (Primary CTA + Accent) ── */
  --ps-gold:        #3BA5FF;   /* primary button fill, key figures — Brand Blue */
  --ps-gold-hover:  #2294EE;   /* hover state */
  --ps-bronze:      #1A6EC4;   /* accent text/links on light */

  /* ── Blue tints ── */
  --ps-blue-light:  #76C5FF;   /* section accents */
  --ps-blue-pale:   #BBD7FF;   /* very light tints */

  /* ── Neutrals ── */
  --ps-granite:     #6B7280;   /* secondary text on light */
  --ps-mist:        #A3B4CE;   /* secondary text on dark */
  --ps-glacier:     #76C5FF;   /* icons, chart lines, outlines on dark */

  /* ── Semantic ── */
  --ps-growth:      #2C6B4F;
  --ps-alert:       #A8321F;

  /* ── Typography ── */
  --ps-font-display: "Poppins", system-ui, sans-serif;
  --ps-font-body:    "Poppins", system-ui, sans-serif;
  --ps-font-mono:    "Poppins", ui-monospace, Menlo, monospace;

  /* ── Type scale (clamp) ── */
  --ps-h1:    clamp(2.5rem, 1.6rem + 3.6vw, 4.25rem);
  --ps-h2:    clamp(1.875rem, 1.4rem + 1.9vw, 2.75rem);
  --ps-h3:    clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --ps-body:  1.0625rem;
  --ps-small: 0.875rem;
  --ps-label: 0.75rem;
  --ps-stat:  clamp(2.5rem, 2rem + 2vw, 3.75rem);

  /* ── Space + shape ── */
  --ps-gutter:    clamp(16px, 4vw, 32px);
  --ps-section:   clamp(64px, 8vw, 112px);
  --ps-measure:   65ch;
  --ps-max:       1200px;
  --ps-radius:    6px;
  --ps-radius-lg: 10px;
  --ps-shadow:    0 1px 0 rgba(11,19,43,.06), 0 12px 32px -16px rgba(11,19,43,.25);

  /* ── Motion ── */
  --ps-ease: cubic-bezier(.2,.7,.2,1);
  --ps-dur:  240ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --ps-dur: 0ms; }
}