/* Sealfloat design tokens — institutional observation desk */
@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,550;9..144,650;9..144,700&family=IBM+Plex+Sans:wght@400;500;600;650&family=IBM+Plex+Mono:wght@450;500&display=swap");

:root {
  /* Atmosphere — deep slate sea, cool mist (not purple / not cream terracotta) */
  --sf-bg-0: #071018;
  --sf-bg-1: #0c1824;
  --sf-bg-2: #122334;
  --sf-mist: rgba(148, 188, 214, 0.08);
  --sf-surface: rgba(255, 255, 255, 0.035);
  --sf-surface-2: rgba(255, 255, 255, 0.055);
  --sf-border: rgba(168, 196, 214, 0.14);
  --sf-border-strong: rgba(168, 196, 214, 0.28);

  --sf-ink: #e8eef4;
  --sf-ink-muted: #9bb0c2;
  --sf-ink-faint: #6d8296;
  --sf-accent: #7eb8d4;
  --sf-accent-2: #c9a86a;
  --sf-danger: #c97878;
  --sf-focus: #8ec5df;

  --sf-font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", serif;
  --sf-font-body: "IBM Plex Sans", "Segoe UI", sans-serif;
  --sf-font-mono: "IBM Plex Mono", ui-monospace, monospace;

  --sf-space-1: 4px;
  --sf-space-2: 8px;
  --sf-space-3: 12px;
  --sf-space-4: 16px;
  --sf-space-5: 24px;
  --sf-space-6: 36px;
  --sf-space-7: 56px;

  --sf-radius-sm: 4px;
  --sf-radius-md: 8px;
  --sf-radius-lg: 12px;

  --sf-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 12px 40px rgba(0, 0, 0, 0.25);
  --sf-max: 1120px;
  --sf-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --sf-asset-v: 20260903a;
}