/* SeaTrack v97.77 — design tokens. Type aliases → modular scale in type-scale.css */
:root {
  --st-r-xs: 6px;
  --st-r-sm: 8px;
  --st-r-md: 12px;
  --st-r-lg: 14px;
  --st-r-pill: 999px;

  --st-s-1: 4px;
  --st-s-2: 6px;
  --st-s-3: 8px;
  --st-s-4: 10px;
  --st-s-5: 12px;
  --st-s-6: 14px;
  --st-s-7: 16px;
  --st-s-8: 20px;

  --st-card-pad: var(--st-s-5);
  --st-card-gap: var(--st-s-3);
  --st-section-gap: var(--st-s-6);
  --st-card-bg: rgba(15, 32, 48, 0.96);
  --st-card-border: 1px solid rgba(148, 163, 184, 0.18);
  --st-card-radius: var(--st-r-md);

  /* Alias legacy --st-fs-* → semantic tokens */
  --st-fs-xs: var(--fs-caption);
  --st-fs-sm: var(--fs-small);
  --st-fs-md: var(--fs-body);
  --st-fs-lg: var(--fs-label);
  --st-fs-title: var(--fs-title);
  --st-fs-h: var(--fs-heading);

  --st-btn-pad-y: 8px;
  --st-btn-pad-x: 12px;
  --st-btn-radius: var(--st-r-sm);
  --st-btn-fs: var(--fs-label);
  --st-btn-primary-bg: #14b8a6;
  --st-btn-primary-fg: #042f2e;
  --st-btn-ghost-fg: #7dd3c7;

  --st-subhead-fs: var(--fs-caption);
  --st-subhead-color: #9fb6c8;
  --st-subhead-weight: 700;
  --st-subhead-track: 0.04em;
}