/* ==================================================================
   Second Key design tokens. Shared by the public site and the portal.
   The world: a security operations console from the near future.
   Precise, engineered, calm. One phosphor green, used with restraint.
   Red and amber appear only when something goes wrong.

   Fonts (Google Fonts, one request):
   https://fonts.googleapis.com/css2?family=Michroma&family=Geist:wght@300;400;500&family=JetBrains+Mono:wght@400;500&display=swap
   ================================================================== */
:root{
  /* Surfaces */
  --sk-black:#050706;          /* the page */
  --sk-black-2:#070a09;        /* alternate chapters */
  --sk-panel:#0a0f0d;          /* panels, consoles */
  --sk-panel-2:#0e1512;        /* raised panel, input hover */

  /* Text */
  --sk-ink:#e0ebe4;            /* off-white with a green cast */
  --sk-ink-2:#b3c3ba;          /* body copy */
  --sk-muted:#7c8d84;          /* grey-green labels */
  --sk-faint:#4c5a53;          /* tertiary, disabled */

  /* Signal */
  --sk-green:#3dffa0;          /* phosphor: status, focus, the one accent */
  --sk-green-hi:#9dffd0;       /* bright edge, small text on black */
  --sk-green-lo:#1c7a50;       /* dim signal */
  --sk-green-wash:rgba(61,255,160,.06);

  /* Lines and grid */
  --sk-line:rgba(61,255,160,.10);      /* hairlines */
  --sk-line-2:rgba(61,255,160,.22);    /* frames */
  --sk-line-n:rgba(224,235,228,.09);   /* neutral hairline */
  --sk-grid:rgba(61,255,160,.035);     /* minor grid, 24 px */
  --sk-grid-major:rgba(61,255,160,.06);/* major grid, 120 px */

  /* Danger (Act I only, and real errors) */
  --sk-red:#ff5a4e;
  --sk-red-wash:rgba(255,90,78,.08);
  --sk-amber:#ffb547;

  /* Type */
  --sk-display:'Michroma','Eurostile','Microgramma',ui-sans-serif,sans-serif;
  --sk-sans:'Geist','Helvetica Neue',Helvetica,Arial,sans-serif;
  --sk-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --sk-fs-hero:clamp(36px,5.4vw,88px);
  --sk-fs-title:clamp(28px,3.2vw,50px);
  --sk-fs-lead:clamp(18px,1.4vw,21px);
  --sk-fs-body:17px;
  --sk-fs-label:11px;
  --sk-track-label:.16em;

  /* Space and shape */
  --sk-gutter:clamp(16px,5vw,84px);
  --sk-maxw:1440px;
  --sk-section:clamp(100px,12vw,180px);
  --sk-radius:0px;             /* hard edges: instruments, not pills */

  /* Motion */
  --sk-ease:cubic-bezier(.16,1,.3,1);
  --sk-scan:2.4s;              /* how long the laser takes to draw the schematic */
}