/* Starship Jennings design tokens, Route A. Generated from sj.tokens.json by
   brand/scripts/gen_tokens.py. Do not edit by hand. Glyph, 2026-09-29.
   Dark is the site default. Add data-theme="light" to any element for the light theme.
   Hex values are the sRGB fallbacks. The OKLCH source values are in sj.tokens.json. */

:root {
  --sj-blue-50: #eff6fe;
  --sj-blue-100: #dce9f9;
  --sj-blue-200: #bad4f2;
  --sj-blue-300: #95bbe7;
  --sj-blue-400: #6d9fd8;
  --sj-blue-500: #4883c5;
  --sj-blue-600: #2b6bae;
  --sj-blue-700: #1b5897;
  --sj-blue-800: #0c4379;
  --sj-blue-900: #03294f;
  --sj-blue-950: #001631;
  --sj-neutral-0: #ffffff;
  --sj-neutral-50: #f8fafd;
  --sj-neutral-100: #f0f4f9;
  --sj-neutral-200: #dfe5ed;
  --sj-neutral-300: #bfccdb;
  --sj-neutral-400: #92a0b1;
  --sj-neutral-500: #637080;
  --sj-neutral-600: #485364;
  --sj-neutral-700: #323e50;
  --sj-neutral-800: #19222f;
  --sj-neutral-850: #0f1724;
  --sj-neutral-900: #070e1a;

  --sj-font-display: "Sora", ui-sans-serif, system-ui, sans-serif;
  --sj-font-text: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --sj-weight-regular: 400;
  --sj-weight-semibold: 600;

  --sj-size-caption: 0.875rem;
  --sj-size-small: 1.0rem;
  --sj-size-body: 1.125rem;
  --sj-size-lead: 1.375rem;
  --sj-size-h4: 1.375rem;
  --sj-size-h3: 1.75rem;
  --sj-size-h2: 2.1875rem;
  --sj-size-h1: 2.75rem;
  --sj-size-display: 3.5rem;

  --sj-display-leading: 1.05;
  --sj-display-tracking: -0.67px;
  --sj-h1-leading: 1.1;
  --sj-h1-tracking: -0.53px;
  --sj-h2-leading: 1.15;
  --sj-h2-tracking: -0.35px;
  --sj-h3-leading: 1.2;
  --sj-h3-tracking: -0.14px;
  --sj-h4-leading: 1.3;
  --sj-h4-tracking: 0px;
  --sj-lead-leading: 1.55;
  --sj-lead-tracking: 0px;
  --sj-body-leading: 1.6;
  --sj-body-tracking: 0px;
  --sj-small-leading: 1.55;
  --sj-small-tracking: 0px;
  --sj-caption-leading: 1.45;
  --sj-caption-tracking: 0.14px;
}

:root {
  --sj-bg: #070e1a;
  --sj-surface: #0f1724;
  --sj-surface-raised: #19222f;
  --sj-border: #323e50;
  --sj-text: #f0f4f9;
  --sj-text-secondary: #bfccdb;
  --sj-text-muted: #92a0b1;
  --sj-accent: #bad4f2;
  --sj-brand: #1b5897;
  --sj-badge-field: #03294f;
  --sj-badge-ring: #4883c5;
  --sj-input-border: #92a0b1;
  --sj-button-bg: #bad4f2;
  --sj-button-text: #070e1a;
  --sj-badge-craft: #f0f4f9;
}

[data-theme="light"] {
  --sj-bg: #f8fafd;
  --sj-surface: #ffffff;
  --sj-surface-raised: #f0f4f9;
  --sj-border: #dfe5ed;
  --sj-text: #070e1a;
  --sj-text-secondary: #485364;
  --sj-text-muted: #637080;
  --sj-accent: #0c4379;
  --sj-brand: #1b5897;
  --sj-badge-field: #03294f;
  --sj-badge-ring: #1b5897;
  --sj-input-border: #637080;
  --sj-button-bg: #1b5897;
  --sj-button-text: #ffffff;
  --sj-badge-craft: #ffffff;
}