/* West Labs AI — corporate identity v2.0 (Enterprise, hell).
   Values are authoritative per the Claude Design handoff. Do not improvise. */

:root {
  /* Colour */
  --wl-cobalt:        #1D4ED8;
  --wl-cobalt-hover:  #1A45BE;
  --wl-cobalt-active: #173C9F;
  --wl-ink:           #0E1218;
  --wl-graphite:      #3A424D;
  --wl-steel:         #6B7480;
  --wl-mist:          #F4F6F8;
  --wl-line:          #E2E6EA;
  --wl-line-strong:   #C3CAD2;
  --wl-surface:       #FFFFFF;
  --wl-amber:         #C77A11;

  /* Type */
  --wl-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --wl-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Surfaces — hairlines only, never shadows or gradients */
  --wl-radius: 3px;
  --wl-hairline: 1px solid var(--wl-line);
  --wl-rule: 1.5px solid var(--wl-ink);

  /* Layout */
  --wl-content: 1240px;
  --wl-gutter: 72px;
  --wl-section: 88px;
}

@media (max-width: 900px) {
  :root { --wl-gutter: 40px; --wl-section: 64px; }
}
@media (max-width: 560px) {
  :root { --wl-gutter: 24px; --wl-section: 48px; }
}