/* Brand tokens shared by the landing and the public experience. */
html[data-brand="apprendeu"] {
  --ui-bg: #080b10;
  --ui-surface: #11161d;
  --ui-raised: #1a222c;
  --ui-text: #f5f6f8;
  --ui-muted: #a5afbd;
  --ui-accent: #67ceff;
  --ui-line: rgba(207, 224, 235, .18);
  --ui-soft: #102c46;
  --brand-button-ink: #101a22;
  --brand-button-fill: linear-gradient(115deg, #67ceff, #92b7ff);
  --brand-wash: #102c46;
  --brand-wash-end: #1b2546;
  --brand-rule: rgba(130, 190, 228, .16);
  --brand-paper: #101d2e;
}
html[data-brand="apprendeu"][data-theme="light"] {
  --ui-bg: #f8fbff;
  --ui-surface: #fff;
  --ui-raised: #e4f0fc;
  --ui-text: #10233d;
  --ui-muted: #354e6c;
  --ui-accent: #007dba;
  --ui-line: #b8d4ee;
  --ui-soft: #dbeeff;
  --ui-shadow: 0 24px 65px rgba(20, 75, 135, .16);
  --brand-button-ink: #fff;
  --brand-button-fill: linear-gradient(115deg, #0078b4, #0754b8);
  --brand-wash: #dbefff;
  --brand-wash-end: #e4eaff;
  --brand-rule: rgba(71, 131, 188, .18);
  --brand-paper: #f3f7fa;
}
/* The same blue masthead, including account and mobile menus, on every entry page. */
html[data-brand="apprendeu"] .site-header {
  --ui-bg: #06487a;
  --ui-surface: #075a95;
  --ui-raised: #0969a8;
  --ui-text: #fff;
  --ui-muted: #e8f5ff;
  --ui-accent: #a6edff;
  --ui-line: rgba(219, 241, 255, .28);
  --ui-soft: rgba(219, 241, 255, .12);
  background: linear-gradient(290deg, #0078b4, #0754a5 65%, #123d86);
  border-bottom-color: rgba(255, 255, 255, .22);
  box-shadow: 0 4px 18px rgba(12, 61, 117, .16);
}
html[data-brand="apprendeu"] .site-header .brand-mark { filter: brightness(0) invert(1); }
html[data-brand="apprendeu"] .site-nav a[aria-current="page"] { box-shadow: inset 0 -2px var(--ui-accent); }