/* Juvenc design system. See DESIGN.md. Fonts and identity are bundled locally. */
@font-face{font-family:Inter;src:url('fonts/Inter/Inter-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/Inter/Inter-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/Inter/Inter-SemiBold.ttf') format('truetype');font-weight:600 900;font-style:normal;font-display:swap}
@font-face{font-family:'Nunito Sans';src:url('fonts/Nunito-Sans/NunitoSans-ExtraBold.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Nunito Sans';src:url('fonts/Nunito-Sans/NunitoSans-Black.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap}
:root {
  --juvenc-lima:#d4f871; --juvenc-carvao:#111714; --juvenc-marfim:#f5f3ec;
  --juvenc-musgo:#294638; --juvenc-nevoa:#adb8af;
  --font-sans-primary:Inter;
  --font-display:'Nunito Sans',var(--font-sans);
}
:root.platform-windows:not(.windows-fluxer-sans) {--font-sans-primary:Inter}
.theme-dark,.theme-light {
  --brand-primary:hsl(76,calc(90.6040268456% * var(--saturation-factor,1)),70.7843137255%);
  --brand-primary-fill:var(--juvenc-carvao);
  --text-on-brand-primary:var(--juvenc-carvao);
  --brand-primary-shade:var(--juvenc-musgo);
  --brand-primary-pressed:#bddf60;
  --brand-primary-light:#e3fba6;
  --brand-primary-light-fill:var(--juvenc-carvao);
  --text-on-brand-primary-light:var(--juvenc-carvao);
}
/* Leave semantic colors, font sizes, monospace and user contrast controls intact. */
.theme-dark {
  --brand-primary-foreground:var(--juvenc-lima);
  --background-primary:var(--juvenc-carvao);
  --background-secondary:#18211b;
  --background-secondary-alt:#141c17;
  --background-tertiary:#0c120e;
  --text-primary:var(--juvenc-marfim);
  --text-secondary:var(--juvenc-nevoa);
}
.theme-light {
  --brand-primary-foreground:var(--juvenc-musgo);
  --background-primary:var(--juvenc-marfim);
  --background-secondary:#ebece4;
  --background-secondary-alt:#e1e6dc;
  --background-tertiary:#d9e1d5;
  --text-primary:var(--juvenc-carvao);
  --text-secondary:var(--juvenc-musgo);
}
h1,h2,h3,[role='heading'] {font-family:var(--font-display);font-weight:800}
#juvenc-desktop-download {font-family:Inter,var(--font-sans);background:var(--juvenc-carvao);color:var(--juvenc-marfim);border-color:var(--juvenc-musgo)}
#juvenc-desktop-download a {background:var(--juvenc-lima);color:var(--juvenc-carvao)}
#juvenc-desktop-download .juvenc-wordmark {display:block;width:96px;height:auto}
/* The avatar remains legible in both themes; wordmarks use the official monochrome variant. */
.theme-light img[src$='/brand/wordmark-verde.svg'] {content:url('wordmark-preta.svg')}
.theme-light img[src$='/brand/logo-verde.svg'] {content:url('logo-preta.svg')}
html.auth-page :is([data-flx='app.auth-layout.auth-layout-content.character-background'],[data-flx='app.auth-layout.auth-layout-content.mobile-container']) {background:var(--background-primary)}
html.auth-page :is([data-flx='app.auth-layout.auth-layout-content.character-background'],[data-flx='app.auth-layout.auth-layout-content.mobile-container'])::before {
  content:'';position:absolute;inset:0;background:url('pattern.svg') center/260px;
  width:100%;height:100%;border-radius:0;box-shadow:none;filter:none;
  opacity:.035;animation:none;pointer-events:none;
}
html.auth-page :is([data-flx='app.auth-layout.auth-layout-content.character-background'],[data-flx='app.auth-layout.auth-layout-content.mobile-container'])::after {display:none}
:is([data-flx='auth.flow.auth-card-container.div--4'],[data-flx='app.auth-layout.auth-layout-content.main-content'])::before {
  content:'';display:block;flex-shrink:0;width:100%;height:80px;margin:0 auto 28px;
  background:url('logo-verde.svg') center/contain no-repeat;
}
.theme-light :is([data-flx='auth.flow.auth-card-container.div--4'],[data-flx='app.auth-layout.auth-layout-content.main-content'])::before {background-image:url('logo-preta.svg')}
@media(max-width:480px) {
  :is([data-flx='auth.flow.auth-card-container.div--4'],[data-flx='app.auth-layout.auth-layout-content.main-content'])::before {height:60px;margin-bottom:24px}
}