/* ══════════════════════════════════════════
   DESIGN TOKENS — GlobStar X
   Corporate épuré : typo modérée, blanc, un accent
══════════════════════════════════════════ */
:root {
  /* ── Brand ── */
  --brand-cyan:  #05B9D5;
  --brand-blue:  #1769E0;
  --brand-violet:#7157E8;
  --star:        #F2B84B;

  /* ── Primary ── */
  --primary:           #1769E0;
  --primary-d:         #1056BE;
  --on-primary:        #FFFFFF;
  --primary-container: #E3ECFF;
  --on-primary-ct:     #0A3D75;

  /* ── Encres & surfaces ── */
  --on-surface:        #0B2239;
  --on-surface-var:    #596A7D;
  --mono-ink:          #55636F;

  --surface:           #FFFFFF;
  --surf-ct-low:       #F7F6FF;
  --surf-ct:           #EFF2FA;
  --surf-ct-high:      #E5EAF3;

  /* ── Bordures ── */
  --outline:           #9AA7B2;
  --outline-var:       #E8ECEF;
  --line:              1px solid #E8ECEF;

  /* ── Sombre ── */
  --dark:  #06192F;
  --dark2: #0B2A49;

  /* ── Typography ── */
  --font:         'Plus Jakarta Sans', system-ui, sans-serif;
  --font-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;

  /* ── Type scale : modérée ── */
  --display-lg:    clamp(2.4rem, 4.4vw, 3.8rem);
  --display-md:    clamp(2rem, 3.5vw, 3rem);
  --display-sm:    clamp(1.55rem, 2.5vw, 2rem);
  --headline-lg:   clamp(1.4rem, 2.4vw, 1.7rem);
  --headline-sm:   1.35rem;
  --title-lg:      1.25rem;
  --title-md:      1rem;
  --title-sm:      .875rem;
  --label-lg:      .875rem;
  --label-md:      .75rem;
  --body-lg:       1.02rem;
  --body-md:       .9rem;
  --body-sm:       .8rem;

  /* ── Shapes ── */
  --r-xs:   4px;
  --r-sm:   6px;
  --r-md:   8px;
  --r-lg:   18px;
  --r-xl:   28px;
  --r-2xl:  40px;
  --r-full: 9999px;

  /* ── Shadows : douces, discrètes ── */
  --sh-1: 0 1px 2px rgba(22,34,46,.05);
  --sh-2: 0 2px 8px rgba(22,34,46,.05), 0 10px 28px rgba(22,34,46,.06);
  --sh-3: 0 8px 18px rgba(10,31,54,.07), 0 28px 64px rgba(10,31,54,.12);
  --sh-c: 0 2px 8px rgba(18,102,194,.2);

  /* ── Motion ── */
  --ease-std:  cubic-bezier(.2,0,0,1);
  --ease-dec:  cubic-bezier(0,0,0,1);
  --dur-1: 180ms;
  --dur-2: 260ms;
  --dur-3: 360ms;
  --dur-4: 440ms;

  /* ── Layout ── */
  --nav-h:    72px;
  --max-w:    1220px;
  --pad-x:    28px;
}

@media (max-width: 600px) {
  :root {
    --pad-x: 20px;
    --nav-h: 62px;
  }
}