/*
  OnlyUtils brand overrides for the Scalar API Reference renderer.
  Only CSS custom properties are touched — Scalar's own layout/components
  are left alone (per Scalar's documented theming API: `theme: 'none'` in
  index.html disables the built-in presets so these variables apply
  cleanly). Palette source: apps/web/src/theme.css.
  Fonts vendored locally (./fonts) — General Sans (apps/web) and
  JetBrains Mono (apps/admin); licenses alongside each family's files.
*/

@font-face {
  font-family: "General Sans";
  src: url("./fonts/GeneralSans-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "General Sans";
  src: url("./fonts/GeneralSans-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "General Sans";
  src: url("./fonts/GeneralSans-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "General Sans";
  src: url("./fonts/GeneralSans-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("./fonts/JetBrainsMono-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("./fonts/JetBrainsMono-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("./fonts/JetBrainsMono-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("./fonts/JetBrainsMono-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --scalar-font: "General Sans", ui-sans-serif, system-ui, sans-serif;
  --scalar-font-code: "JetBrains Mono", ui-monospace, monospace;
}

.light-mode {
  --scalar-color-accent: #c97f05; /* ou-amber-deep — amber on paper needs the deeper shade for AA contrast */
  --scalar-background-1: #fafaf8; /* ou-paper */
  --scalar-background-2: #f1f0ea; /* ou-paper-dim */
  --scalar-background-3: #e4e2da;
  --scalar-background-accent: #fce6b4; /* ou-amber-30 */
  --scalar-color-1: #14161b; /* ou-ink */
  --scalar-color-2: #5b5d66; /* ou-steel-ink */
  --scalar-color-3: #8e8e8e;
  --scalar-border-color: #e4e2da;

  --scalar-sidebar-background-1: #fafaf8;
  --scalar-sidebar-color-active: #1e212f; /* ou-navy */
  --scalar-sidebar-item-active-background: #fce6b4;
  --scalar-sidebar-border-color: #e4e2da;
}

.dark-mode {
  --scalar-color-accent: #f6ab05; /* ou-amber — pops on navy */
  --scalar-background-1: #1e212f; /* ou-navy */
  --scalar-background-2: #2a2e40; /* ou-navy-dim */
  --scalar-background-3: #363b52;
  --scalar-background-accent: #f6ab051f;
  --scalar-color-1: #fafaf8; /* ou-paper */
  --scalar-color-2: #c6c8cd; /* ou-steel */
  --scalar-color-3: #8e929e;
  --scalar-border-color: #363b52;

  --scalar-sidebar-background-1: #1e212f;
  --scalar-sidebar-color-active: #f6ab05;
  --scalar-sidebar-item-active-background: #2a2e40;
  --scalar-sidebar-border-color: #363b52;
}