/*
  SeaSoup shared shell mechanics (SMPW-2.8).

  These tokens describe layout, focus, and neutral surfaces shared by the
  company shell. Product identity palettes must not live here.
*/

:root {
  --shell-max: min(1280px, 100%);
  --shell-gutter: clamp(16px, 4vw, 48px);
  --shell-header-height: 76px;
  --shell-header-height-dual: 112px;
  --shell-header-height-mega: 132px;
  --shell-mega-bg: #0b1424;
  --shell-mega-bg-soft: #152238;
  --shell-mega-ink: #f4f7fb;
  --shell-mega-muted: #a7b4c7;
  --shell-mega-accent: #3b82f6;
  --shell-mega-divider: rgba(167, 180, 199, .28);
  --shell-focus-ring: #d99637;
  --shell-neutral-ink: #101425;
  --shell-neutral-muted: #626a7d;
  --shell-border-line: #dde1ea;
  --shell-surface-panel: #ffffff;
  --shell-surface-soft: #f5f7fb;
  --shell-spacing-section: 112px;
  --shell-shadow: 0 24px 70px rgba(19, 25, 52, .13);
}

@media (max-width: 980px) {
  :root {
    --shell-gutter: clamp(14px, 5vw, 24px);
  }
}