/* Talk Room tokens, from the Pacing design system: pacing-agency-site (ds/tokens.css, pacing-tokens.css)
   for the dark world and the brand values, pacing-hub DESIGN.md for the light theme and status families.
   Dark is the default, as on pacing.agency. Light follows prefers-color-scheme; [data-theme] forces either
   (screenshots only, no toggle). */
@font-face {
  font-family: "Tasa Orbiter DS";
  src: url("/fonts/TASAOrbiterDeck-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Tasa Orbiter DS";
  src: url("/fonts/TASAOrbiterDeck-Bold.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: dark;

  /* Brand: never changes with theme */
  --ink: #0d1117;
  --o: #ff9233;
  --o-hover: #ffa452;
  --b: #468dff;
  --grad: linear-gradient(90deg, #468dff 0%, #8db9ff 24%, #fbb06e 64%, #ff9233 100%);
  --glow: 0 8px 22px rgba(255, 146, 51, 0.3);

  /* Dark (default) */
  --bg: #000000;
  --panel: #0d1117;
  --panel-2: #161b22;
  --well: #05070a;
  --fg: #eef1f6;
  --mut: #b4bcd0;
  --faint: #8d93aa;
  --line: #30363d;
  --line-soft: #21262d;
  --line-strong: #6e7681;
  --inverse: #f8f8fa;
  --on-inverse: #0d1117;
  --link: #6ea6ff;
  --focus: #ff9233;
  --ok-text: #8db9ff;
  --ok-bg: #132037;
  --ok-line: #26436f;
  --held-text: #ffa452;
  --held-bg: #2a2118;
  --held-line: #5c3c1a;
  --bad-text: #ff7a8d;
  --bad-bg: #2e1a1f;
  --bad-line: #5a2a33;

  --font-display: "Tasa Orbiter DS", Inter, system-ui, sans-serif;
  --font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --r-pill: 100px;
  --r: 12px;
  --r-s: 8px;
  --r-xs: 6px;
  --wrap: 76rem;
  --gut: clamp(16px, 4vw, 40px);
  --measure: 68ch;
  --ease: cubic-bezier(0.19, 1, 0.22, 1);
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --bg: #f5f5f8;
    --panel: #ffffff;
    --panel-2: #f1f2f6;
    --well: #f5f5f8;
    --fg: #12161c;
    --mut: #3e4751;
    --faint: #5b636d;
    --line: #dfe1e7;
    --line-soft: #ecedf1;
    --line-strong: #8a929f;
    --inverse: #12161c;
    --on-inverse: #f8f8fa;
    --link: #1f66d6;
    --focus: #12161c;
    --ok-text: #1f66d6;
    --ok-bg: #eaf1fd;
    --ok-line: #c3d6f6;
    --held-text: #a94f08;
    --held-bg: #fff1e4;
    --held-line: #f1cda6;
    --bad-text: #a52c45;
    --bad-bg: #fdeff2;
    --bad-line: #efc2cc;
  }
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f5f5f8;
  --panel: #ffffff;
  --panel-2: #f1f2f6;
  --well: #f5f5f8;
  --fg: #12161c;
  --mut: #3e4751;
  --faint: #5b636d;
  --line: #dfe1e7;
  --line-soft: #ecedf1;
  --line-strong: #8a929f;
  --inverse: #12161c;
  --on-inverse: #f8f8fa;
  --link: #1f66d6;
  --focus: #12161c;
  --ok-text: #1f66d6;
  --ok-bg: #eaf1fd;
  --ok-line: #c3d6f6;
  --held-text: #a94f08;
  --held-bg: #fff1e4;
  --held-line: #f1cda6;
  --bad-text: #a52c45;
  --bad-bg: #fdeff2;
  --bad-line: #efc2cc;
}