/* Design system Save Co.: base zinc escura com tema claro equivalente.
   A escolha manual (data-theme no <html>) vence a preferência do sistema nos dois sentidos. */

@font-face {
  font-family: "Source Sans 3";
  src: url("/fonts/SourceSans3-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans 3";
  src: url("/fonts/SourceSans3-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans 3";
  src: url("/fonts/SourceSans3-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("/fonts/JetBrainsMono-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("/fonts/JetBrainsMono-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}

:root,
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0f0f11;
  --side: #131316;
  --panel: #17171a;
  --panel-2: #1f1f23;
  --line: #27272b;
  --ink: #f4f4f5;
  --ink-2: #a1a1aa;
  --accent: #ebb94b;
  --on-accent: #18181b;

  --ok: #4ade80;
  --warn: #ebb94b;
  --bad: #f87171;
  --muted: #71717a;
  --bad-bg: #3a1214;
  --warn-bg: #2e2510;
  --ok-bg: #0f2a1a;
  --accent-soft: #2a2312;
  --line-2: #34343a;
  --shadow: 0 1px 0 rgb(255 255 255 / 0.03) inset;

  --font: "Source Sans 3", system-ui, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, monospace;
  --radius: 10px;
  /* Logo oficial de cada tema; a marca desenhada só volta com o menu recolhido. */
  --logo-oficial: block;
  --logo-oficial-claro: none;
  --logo-desenhada: none;
  --radius-sm: 6px;
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #fafafa;
  --side: #f4f4f5;
  --panel: #ffffff;
  --panel-2: #f4f4f5;
  --line: #e4e4e7;
  --ink: #18181b;
  --ink-2: #52525b;
  --accent: #ebb94b;
  --on-accent: #18181b;

  --ok: #15803d;
  --warn: #a16207;
  --bad: #b91c1c;
  --muted: #71717a;
  --bad-bg: #fde8e8;
  --warn-bg: #fdf3d7;
  --ok-bg: #e3f5e9;
  --accent-soft: #fbf0d4;
  --line-2: #d4d4d8;
  --shadow: 0 1px 2px rgb(24 24 27 / 0.04);
  --logo-oficial: none;
  --logo-oficial-claro: block;
  --logo-desenhada: none;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --bg: #fafafa;
    --side: #f4f4f5;
    --panel: #ffffff;
    --panel-2: #f4f4f5;
    --line: #e4e4e7;
    --ink: #18181b;
    --ink-2: #52525b;
    --ok: #15803d;
    --warn: #a16207;
    --bad: #b91c1c;
    --muted: #71717a;
    --bad-bg: #fde8e8;
    --warn-bg: #fdf3d7;
    --ok-bg: #e3f5e9;
    --accent-soft: #fbf0d4;
    --line-2: #d4d4d8;
    --shadow: 0 1px 2px rgb(24 24 27 / 0.04);
    --logo-oficial: none;
    --logo-oficial-claro: block;
    --logo-desenhada: none;
  }
}