/* =========================================================================
   GigRadar CRM Landing v5. Design tokens.
   Editorial newspaper system. Light theme, ONE dark band.
   DNA: Geist + Geist Mono, paper + white + blue + yellow marker.
   Extends landing-v3 tokens. Does NOT adopt the app foundation
   (no SF Pro, no #1B45B2, no Ant). The app screens are proof, not style.
   ========================================================================= */

:root {
  /* ---------- surfaces ---------- */
  --bg:            #FFFFFF;
  --paper:         #F6F9FE;
  --paper-deep:    #EDF2FB;
  --tint:          #ECF3FB;
  --tint-deep:     #DCE9FB;
  --card:          #FFFFFF;

  /* ---------- the one dark band ---------- */
  --band:          #0E1A33;
  --band-2:        #0A1428;
  --band-line:     rgba(255,255,255,.10);
  --on-band:       #F4F6FA;
  --on-band-muted: rgba(244,246,250,.62);
  --on-band-faint: rgba(244,246,250,.40);

  /* ---------- text ---------- */
  --ink:           #14181F;
  --ink-2:         #2D333D;
  --body:          #3B424D;
  --muted:         #62697A;
  --faint:         #8C92A0;

  /* ---------- lines ---------- */
  --line:          #E5E1D2;
  --line-soft:     #EEEAD9;
  --line-strong:   #C9C3B1;
  --line-blue:     #C9DDFA;
  --line-cool:     #E7EDF4;

  /* ---------- brand ---------- */
  --blue:          #216BEF;
  --blue-deep:     #1852D3;
  --blue-soft:     #F1F6FF;
  --blue-mid:      #5890F2;
  --blue-light:    #5DADFD;

  --yellow:        #FDCC4E;
  --yellow-soft:   #FEF2D8;
  --yellow-deep:   #E8A93C;

  /* ---------- signals ---------- */
  --good:          #11A66B;
  --good-soft:     #E4F6EE;
  --warn:          #E08319;
  --bad:           #D24545;
  --bad-soft:      #FBEBEB;

  /* ---------- gradients ---------- */
  --grad-text:     linear-gradient(135deg, #5DADFD 0%, #216BEF 48%, #1852D3 100%);
  --grad-btn:      linear-gradient(180deg, #2E77F2 0%, #1852D3 100%);
  --grad-band:     radial-gradient(1200px 480px at 18% -10%, rgba(33,107,239,.32), transparent 60%),
                   radial-gradient(900px 460px at 92% 120%, rgba(253,204,78,.10), transparent 60%);

  /* ---------- type ---------- */
  --font-sans:     'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  /* "mono" repointed to the sans family per Simon: the main site uses no machine font.
     Numbers stay aligned via font-variant-numeric: tabular-nums on .mono. */
  --font-mono:     'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;

  --fs-display:    clamp(2.5rem, 5.6vw, 4.5rem);
  --fs-h1:         clamp(2rem, 3.6vw, 3rem);
  --fs-h2:         clamp(1.7rem, 2.8vw, 2.5rem);
  --fs-h3:         clamp(1.18rem, 1.5vw, 1.42rem);
  --fs-lead:       clamp(1.06rem, 1.2vw, 1.25rem);
  --fs-body:       16px;
  --fs-small:      14px;
  --fs-micro:      12px;
  --fs-mega:       clamp(3.2rem, 8vw, 6.5rem);

  --lh-display:    1.03;
  --lh-h2:         1.1;
  --lh-h3:         1.22;
  --lh-body:       1.58;

  --tracking-eyebrow: 0.11em;
  --tracking-tabular: -0.01em;

  /* ---------- layout ---------- */
  --max:           1240px;
  --max-narrow:    900px;
  --gutter:        clamp(1.15rem, 4vw, 2.25rem);
  --pad-y:         clamp(4rem, 7vw, 7rem);
  --pad-y-tight:   clamp(2.75rem, 5vw, 4.5rem);
  --pad-y-loose:   clamp(5rem, 9vw, 8.5rem);

  /* ---------- radii ---------- */
  --r-xs:          4px;
  --r-sm:          8px;
  --r-md:          12px;
  --r-lg:          18px;
  --r-xl:          26px;
  --r-pill:        999px;

  /* ---------- motion ---------- */
  --ease:          cubic-bezier(.2,.7,.2,1);
  --dur-fast:      160ms;
  --dur:           240ms;
  --dur-slow:      360ms;

  /* ---------- elevation ---------- */
  --shadow-1:      0 1px 2px rgba(20,24,31,.04), 0 0 0 1px rgba(20,24,31,.04);
  --shadow-2:      0 8px 24px -8px rgba(20,24,31,.08), 0 0 0 1px rgba(20,24,31,.05);
  --shadow-3:      0 24px 60px -24px rgba(20,24,31,.22), 0 0 0 1px rgba(20,24,31,.06);
  --shadow-blue:   0 12px 28px -10px rgba(33,107,239,.28), 0 0 0 1px rgba(33,107,239,.18);
  --shadow-pop:    0 30px 70px -30px rgba(24,82,211,.38);
}

/* ---------- hard guardrails ---------- */
* { font-style: normal !important; }
em, i, cite, address, dfn, var { font-style: normal !important; }