/* ============================================================
   NorthPulse brand tokens
   Edit this file to re-skin the whole site. site.css reads every
   colour, font, radius and spacing value from here.
   Palette matches the northpulse.tech coming-soon page.
   ============================================================ */

:root {
  /* Brand */
  --brand-navy: #071e44;
  --brand-teal: #0a7e79;

  /* Surfaces: near-black space */
  --bg-0: #07070d;              /* page */
  --bg-1: #0c0d16;              /* raised */
  --bg-2: #121426;              /* panels */
  --glass: rgba(16, 18, 34, 0.62);
  --glass-strong: rgba(16, 18, 34, 0.86);

  /* Text */
  --text-1: #eef0ff;
  --text-2: #a7adc8;
  --text-3: #8a92b0;              /* 6.5:1 on page bg; WCAG AA for small text */

  /* Accents (the coming-soon trio) */
  --mint: #6ff2d8;              /* primary accent: buttons, nodes, links */
  --mint-deep: #2ec8ad;
  --violet: #8b7cff;            /* secondary accent: gradient tail, labels */
  --magenta: #ff5c8a;           /* sparse: compass needle, red dots, alerts */
  --mint-dim: rgba(111, 242, 216, 0.14);
  --violet-dim: rgba(139, 124, 255, 0.16);

  /* Lines */
  --line-1: rgba(170, 180, 230, 0.10);
  --line-2: rgba(170, 180, 230, 0.22);
  --line-mint: rgba(111, 242, 216, 0.35);

  /* Coverage map (home) */
  --map-land: #0f1122;
  --map-land-hover: #0b3536;      /* dark brand teal */
  --map-edge: rgba(111, 242, 216, 0.30);
  --map-edge-hover: rgba(111, 242, 216, 0.85);

  /* Semantic */
  --ok: var(--mint);
  --warn: #f2b84b;

  /* Headline gradient */
  --grad-head: linear-gradient(100deg, #ffffff 0%, #e6ecff 35%, var(--mint) 62%, var(--violet) 100%);

  /* Type */
  --font-display: "Space Grotesk", "Manrope", system-ui, sans-serif;
  --font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, Menlo, monospace;

  /* Type scale */
  --fs-0: 0.75rem;
  --fs-1: 0.9375rem;
  --fs-2: 1.0625rem;
  --fs-3: 1.3125rem;
  --fs-4: 1.75rem;
  --fs-5: 2.25rem;
  --fs-6: 3rem;
  --fs-7: 4.5rem;

  /* Spacing */
  --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: 5rem; --s-9: 8rem;

  /* Shape */
  --r-1: 6px; --r-2: 10px; --r-3: 18px; --r-pill: 999px;

  /* Layout */
  --measure: 62ch;
  --container: 1180px;
  --gutter: clamp(1rem, 4vw, 2.75rem);

  /* Motion */
  --ease: cubic-bezier(.2,.7,.2,1);
}