/* branding tokens — satellite/1 */
@import url('https://use.typekit.net/mht2cko.css');

:root {
  --bg: #0c0e13;
  --surface-1: #15171c;
  --surface-2: #1a1d24;
  --border: rgba(255,255,255,0.08);
  --border-strong: rgba(255,255,255,0.18);
  --text-bright: #ffffff;
  --text-dim: rgba(255,255,255,0.6);
  --text-muted: rgba(255,255,255,0.45);
  --accent: #fac737;
  --accent-2: #4f9cff;
  --positive: #3fc28a;
  --warning: #ffb547;
  --danger: #ff5d8f;
  --link: #fac737;
  --font-display: "futura-pt", Georgia, serif;
  --font-body: "futura-100", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --font-size-base: 15px;
  --font-size-utility: 11px;
  --font-weight-display: 500;
  --font-weight-body: 400;
  --font-weight-utility: 400;
  --card-radius: 14px;
  --subcard-radius: 10px;
  --card-padding: 24px;
  --card-border-width: 1px;
  --logo-max-height: 40px;
  --pill-radius: 999px;
  --eyebrow-color: rgba(255,255,255,0.45);
  --eyebrow-size: 14px;
  --eyebrow-tracking: 0.12;
  --eyebrow-weight: 300;
  --h1-size: 36px;
  --h2-size: 18px;
  --h3-size: 11px;
  --button-radius: 6px;
  --input-radius: 4px;
  --divider-opacity: 0.08;
  --panel: #15171c;
  --panel-2: #1a1d24;
  --ink: #ffffff;
  --ink-dim: rgba(255,255,255,0.6);
  --ink-faint: rgba(255,255,255,0.45);
  --line: rgba(255,255,255,0.08);
  --line-hot: rgba(255,255,255,0.18);
}

[data-theme="light"] {
  --bg: #f5f5f7;
  --surface-1: #ffffff;
  --surface-2: #f0f1f4;
  --border: rgba(0,0,0,0.10);
  --border-strong: rgba(0,0,0,0.20);
  --text-bright: #0c0e13;
  --text-dim: rgba(0,0,0,0.65);
  --text-muted: rgba(0,0,0,0.5);
  --accent: #c89215;
  --accent-2: #0066cc;
  --positive: #0a8a55;
  --warning: #b87000;
  --danger: #c0114a;
  --link: #0066cc;
  --font-display: Recoleta, Georgia, serif;
  --font-body: "Inter Tight", Inter, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --font-size-base: 15px;
  --font-size-utility: 11px;
  --font-weight-display: 500;
  --font-weight-body: 400;
  --font-weight-utility: 400;
  --card-radius: 14px;
  --subcard-radius: 10px;
  --card-padding: 24px;
  --card-border-width: 1px;
  --logo-max-height: 80px;
  --pill-radius: 999px;
  --eyebrow-color: rgba(0,0,0,0.5);
  --eyebrow-size: 10px;
  --eyebrow-tracking: 0.12;
  --eyebrow-weight: 300;
  --h1-size: 36px;
  --h2-size: 18px;
  --h3-size: 11px;
  --button-radius: 6px;
  --input-radius: 4px;
  --divider-opacity: 0.10;
  --panel: #ffffff;
  --panel-2: #f0f1f4;
  --ink: #0c0e13;
  --ink-dim: rgba(0,0,0,0.65);
  --ink-faint: rgba(0,0,0,0.5);
  --line: rgba(0,0,0,0.10);
  --line-hot: rgba(0,0,0,0.20);
}