@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/inter-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/inter-latin-500-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/inter-latin-600-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/inter-latin-700-normal.woff2") format("woff2");
}

:root {
  /* Brand accent (era #F4C400) */
  --fg-yellow: #DBF508;
  --fg-black: #171717;
  --fg-upperbar: #42454A;
  --fg-page: #EEF0F2;
  --fg-surface: #FFFFFF;
  --fg-border: #DFE1E3;
  --fg-text: #171717;
  --fg-muted: #61666C;
  --fg-hero: #252525;
  --fg-success-bg: #E4F5EA;
  --fg-success-text: #176B3A;
  --fg-warning-bg: #FFF0D9;
  --fg-warning-text: #9A5300;
  --fg-danger-bg: #FCE5E5;
  --fg-danger-text: #A4262C;
  --fg-neutral-bg: #ECEEF0;
  --fg-neutral-text: #525860;
  --fg-sidebar-w: 260px;
  --fg-sidebar-collapsed: 68px;
  --fg-upperbar-h: 68px;
  --fg-radius: 8px;
  --fg-font: "Inter", system-ui, "Segoe UI", Arial, sans-serif;
}