/* Shared V2.5 typography, surfaces and brand tokens. */
@font-face {
  font-family: Gabarito;
  src: url('/assets/site/assets/gabarito-600.ttf') format('truetype');
  font-weight: 600;
  font-display: swap
}
@font-face {
  font-family: Gabarito;
  src: url('/assets/site/assets/gabarito-700.ttf') format('truetype');
  font-weight: 700;
  font-display: swap
}
@font-face {
  font-family: Onest;
  src: url('/assets/site/assets/onest-400.ttf') format('truetype');
  font-weight: 400;
  font-display: swap
}
@font-face {
  font-family: Onest;
  src: url('/assets/site/assets/onest-600.ttf') format('truetype');
  font-weight: 600;
  font-display: swap
}
@font-face {
  font-family: Gabarito;
  src: url('/assets/site/assets/gabarito-500.ttf') format('truetype');
  font-weight: 500;
  font-display: swap
}
@font-face {
  font-family: Gabarito;
  src: url('/assets/site/assets/gabarito-800.ttf') format('truetype');
  font-weight: 800;
  font-display: swap
}
@font-face {
  font-family: Onest;
  src: url('/assets/site/assets/onest-500.ttf') format('truetype');
  font-weight: 500;
  font-display: swap
}
@font-face {
  font-family: Onest;
  src: url('/assets/site/assets/onest-700.ttf') format('truetype');
  font-weight: 700;
  font-display: swap
}
html[data-edition="2.5"][data-surface="landing"],
html[data-edition="2.5"][data-surface="satellite"] {
  --font-display: "Gabarito", "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;
  --bg: #F4F6FA;
  --surface: #FFFFFF;
  --surface-2: #EDF3FA;
  --surface-3: #E4EBF5;
  --ink: #14234B;
  --ink-2: #4B5876;
  --ink-3: #7A8599;
  --line: #DDE4EE;
  --line-strong: #C7D1E0;
  --brand: #4C82BA;
  --brand-strong: #3D6FA6;
  --brand-ink: #FFFFFF;
  --brand-soft: #E3EDF8;
  --link: #3D6FA6;
  --besoins-soft: #E3EDF8;
  --envies-soft: #FCE9E2;
  --invest-soft: #FBF0D6;
  --epargne-soft: #DFF3EA;
  --neg: #CF4F4F;
  --pos: #2F8F5B;
  --shadow-sm: 0 1px 2px rgba(20,35,75,.06), 0 2px 8px rgba(20,35,75,.05);
  --shadow-md: 0 6px 18px rgba(20,35,75,.08), 0 2px 6px rgba(20,35,75,.05);
  --shadow-lg: 0 24px 48px -12px rgba(20,35,75,.18), 0 8px 16px -8px rgba(20,35,75,.08);
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 32px;
  --ease: cubic-bezier(.2,.7,.2,1);
}
html[data-edition="2.5"][data-surface="landing"][data-theme="dark"],
html[data-edition="2.5"][data-surface="satellite"][data-theme="dark"] {
  --bg: #0B1430;
  --surface: #14234B;
  --surface-2: #1A2C5A;
  --surface-3: #22376B;
  --ink: #F2F5FA;
  --ink-2: #B9C4DB;
  --ink-3: #8797BA;
  --line: #26386A;
  --line-strong: #33477F;
  --brand: #6F9FD6;
  --brand-strong: #5A8FCC;
  --brand-ink: #0B1430;
  --brand-soft: #1E3462;
  --link: #9CBFE8;
  --besoins-soft: #1E3462;
  --envies-soft: #4A2A2A;
  --invest-soft: #463A1E;
  --epargne-soft: #1C3E34;
  --neg: #F07C7C;
  --pos: #5DC38F;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.3), 0 2px 8px rgba(0,0,0,.25);
  --shadow-md: 0 6px 18px rgba(0,0,0,.35), 0 2px 6px rgba(0,0,0,.25);
  --shadow-lg: 0 24px 48px -12px rgba(0,0,0,.55), 0 8px 16px -8px rgba(0,0,0,.35);
}
