/* Identidade da interface: fontes locais e tokens da Prospere Agro / Zé Do Agro. */
@font-face {
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/brand/fonts/barlow-regular.woff2") format("woff2");
}

@font-face {
  font-family: Barlow;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/brand/fonts/barlow-semibold.woff2") format("woff2");
}

@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/brand/fonts/barlow-condensed-bold.woff2") format("woff2");
}

:root {
  --brand-bg: #0B2A1C;
  --brand-bg-page: #08221A;
  --brand-bg-workspace: #0D2E20;
  --brand-bg-sidebar: #071D15;
  --brand-bg-field: #0A271C;
  --brand-surface: #12382A;
  --brand-surface-soft: #164232;
  --brand-accent: #9BD15A;
  --brand-accent-rgb: 155 209 90;
  --brand-action: #C4521F;
  --brand-on-action: #FFFFFF;
  --brand-text: #F3EAD3;
  --brand-muted: #C9C3AF;
  --brand-highlight: #F2C230;
  --brand-line: rgb(155 209 90 / .18);
  --brand-card-bg-from: #0B2A1C;
  --brand-card-bg-to: #123D29;
  --brand-card-line: #2F7A3E;
  --brand-card-accent: #9BD15A;
  --brand-card-text: #F3EAD3;
  --brand-card-muted: #C9D6C2;
  --brand-font-body: Barlow, Arial, sans-serif;
  --brand-font-display: "Barlow Condensed", Impact, sans-serif;
}

:root[data-theme="light"] {
  --brand-bg: #F3EAD3;
  --brand-bg-page: #F3EAD3;
  --brand-bg-workspace: #FBF6EA;
  --brand-bg-sidebar: #FBF6EA;
  --brand-bg-field: #FFFFFF;
  --brand-surface: #FFFFFF;
  --brand-surface-soft: #FBF6EA;
  --brand-accent: #286B36;
  --brand-accent-rgb: 40 107 54;
  --brand-action: #C4521F;
  --brand-on-action: #FFFFFF;
  --brand-text: #0B2A1C;
  --brand-muted: #4B5A50;
  --brand-highlight: #F2C230;
  --brand-line: rgb(40 107 54 / .22);
  --brand-card-bg-from: #0B2A1C;
  --brand-card-bg-to: #123D29;
  --brand-card-line: #2F7A3E;
  --brand-card-accent: #9BD15A;
  --brand-card-text: #F3EAD3;
  --brand-card-muted: #C9D6C2;
}

/* Logo escuro no tema claro: o logo principal é creme, feito para fundo escuro. */
:root[data-theme="light"] img[src^="/brand/logo.svg"] { content: url("/brand/logo-escuro.svg"); }