/* Developer-owned copy of the documentation token map. */
@font-face {
  font-family: "Helvetica LT Std Bold";
  src: url("/fonts/Helvetica%20LT%20Std%20Bold/Helvetica%20LT%20Std%20Bold.otf") format("opentype");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: "Radley";
  src: url("/assets/fonts/radley-400.woff2") format("woff2"),
       url("/assets/fonts/radley-400.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root {
  color-scheme: dark;

  --dev-bg-primary: #101017;
  --dev-bg-primary-rgb: 16 16 23;
  --dev-bg-secondary: #1a1a26;
  --dev-bg-tertiary: #252535;
  --dev-bg-quaternary: #2f2f44;
  --dev-bg-tertiary-hover: var(--dev-bg-quaternary);
  --dev-bg-header: var(--dev-bg-primary);
  --dev-bg-sidebar: var(--dev-bg-secondary);
  --dev-bg-content: var(--dev-bg-secondary);
  --dev-bg-card: var(--dev-bg-tertiary);
  --dev-bg-input: var(--dev-bg-tertiary);
  --dev-bg-mobile-popup: var(--dev-bg-secondary);
  --dev-bg-code-block: #181821;
  --dev-bg-right-sidebar: var(--dev-bg-secondary);

  --dev-text-primary: #fffbf7;
  --dev-text-secondary: #fff6ec;
  --dev-text-hover: var(--dev-text-secondary);
  --dev-text-card: var(--dev-text-primary);
  --dev-text-code-block: #b5b2c2;
  --dev-text-muted: #b5b2c2;
  --dev-text-accent: #9aaeff;
  --dev-link: #5e7ce2;
  --dev-accent: #5e7ce2;
  --dev-accent-hover: #758fe6;
  --dev-on-accent: #ffffff;
  --dev-focus: #9aaeff;
  --dev-error: #fca5a5;

  --dev-border-color: rgb(255 251 247 / 8%);
  --dev-border-sidebar: rgb(255 251 247 / 5%);
  --dev-border-mobile-popup: rgb(255 251 247 / 10%);
  --dev-nav-hover-surface: var(--dev-bg-tertiary);
  --dev-nav-row-hover-surface: var(--dev-bg-secondary);
  --dev-nav-active-surface: rgb(255 255 255 / 8%);
  --dev-inline-code-surface: rgb(255 255 255 / 10%);
  --dev-table-alternate-surface: rgb(255 255 255 / 2.5%);
  --dev-mobile-backdrop: rgb(0 0 0 / 50%);
  --dev-font-display: "Radley", Georgia, serif;
  --dev-font-body: "Helvetica LT Std Bold", Helvetica, Arial, sans-serif;
  --dev-radius-card: 1rem;

  --dev-nav-blur: 16px;
  --dev-nav-bg-alpha: 0.5;
  --dev-yellow-surface: #302a17;
  --dev-yellow-on-surface: #fff1b3;
}