/* Notus Site Services — Version B tokens
   Philosophy: Engineered Calm. Teal remains primary; orange is micro-accent only.
   Typography decision: Oswald (display) + Archivo (body/UI). Archivo reads more
   technical and premium than Lato at long-form sizes while keeping Oswald DNA. */

:root {
  --np-teal-deep: #003e51;
  --np-teal-mid: #01546c;
  --np-teal-bright: #116079;
  --np-teal-light: #2e9cc0;
  --np-charcoal: #10181b;
  --np-ink: #122026;
  --np-muted: #5a6b72;
  --np-line: rgba(0, 62, 81, 0.16);
  --np-line-strong: rgba(0, 62, 81, 0.28);
  --np-offwhite: #f3f5f4;
  --np-paper: #fafbfa;
  --np-white: #ffffff;
  --np-orange: #e8842c;
  --np-orange-ink: #b86414;

  --np-font-display: "Oswald", "Arial Narrow", sans-serif;
  --np-font-body: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --np-font-mono: "IBM Plex Mono", ui-monospace, monospace;

  --np-space-1: 0.25rem;
  --np-space-2: 0.5rem;
  --np-space-3: 0.75rem;
  --np-space-4: 1rem;
  --np-space-5: 1.5rem;
  --np-space-6: 2rem;
  --np-space-7: 3rem;
  --np-space-8: 4.5rem;
  --np-space-9: 6.5rem;

  /* Vertical rhythm — major section transitions ~80–120px desktop */
  --np-section-y: clamp(2.75rem, 4.8vw, 5rem);
  --np-section-y-compact: clamp(2.25rem, 3.8vw, 3.75rem);
  --np-section-y-tight: clamp(1.75rem, 3vw, 2.5rem);
  --np-section-header-gap: clamp(0.65rem, 1.2vw, 1rem);
  --np-section-intro-gap: clamp(0.85rem, 1.6vw, 1.35rem);

  /* Indexed schedule rows — capability, checklist, why-list */
  --np-index-row-min: 2.75rem;
  --np-index-row-pad-y: 0.625rem;
  --np-index-col-num: 2.75rem;

  --np-container: 1160px;
  --np-container-wide: 1320px;
  --np-header-h: 76px;
  --np-header-h-compact: 64px;

  --np-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --np-duration: 180ms;
  --np-duration-slow: 620ms;

  --np-shadow-soft: 0 18px 40px rgba(16, 24, 27, 0.12);
  --np-radius: 2px;
}