/* Approved 18.10.2026: portal Matcha colours with Curiosophy font families.
 * Loaded after historical screen themes; layout and learning behaviour stay
 * in their original components. Respect an explicitly saved Latte choice.
 */
html[data-theme="light"][data-appearance="matcha"] {
  --bg:#f0eadf; --panel:#fffcf5; --text:#332d24; --muted:#68614f;
  --line:#d7d0bf; --accent:#24503d; --control-radius:12px;
  --appearance-tint:#e6e8da; --appearance-hover:#dbe2cf;
  --appearance-nav:#193c30; --appearance-nav-text:#fffcf0;
  --appearance-nav-muted:#d1ddcc; --appearance-selected:#335642;
  --appearance-primary-hover:#173e2d;
}
html[data-theme="light"][data-appearance="matcha"] .portal-shell .portal-header {
  background:var(--appearance-nav); color:var(--appearance-nav-text);
  border-bottom-color:var(--appearance-selected);
}
html[data-theme="light"][data-appearance="matcha"] .portal-shell .portal-header :is(.brand,.portal-nav a,.portal-sign-in,.portal-user-menu summary,.menu-toggle,.cinema-help-link) {
  color:var(--appearance-nav-text);
}
html[data-theme="light"][data-appearance="matcha"] .portal-shell .portal-header .brand-logo {
  filter:grayscale(1) brightness(0) invert(.94) sepia(.15);
}
html[data-theme="light"][data-appearance="matcha"] .portal-shell .portal-header .menu-toggle {
  background:var(--appearance-selected); border-color:var(--appearance-nav-muted);
}
html[data-theme="light"][data-appearance="matcha"] .portal-shell .portal-header .portal-nav a:is(.active,:hover) {
  color:var(--appearance-nav-text); background:var(--appearance-selected);
  border-bottom-color:var(--appearance-nav-muted); border-radius:8px;
}
html[data-theme="light"][data-appearance="matcha"] .portal-shell .portal-header .portal-user-menu[open] summary {
  background:var(--panel); color:var(--text);
}
html[data-theme="light"][data-appearance="matcha"] .portal-shell .portal-header :focus-visible {
  outline-color:var(--appearance-nav-text);
}
html[data-theme="light"][data-appearance="matcha"] .portal-shell .portal-header .portal-user-dropdown :focus-visible {
  outline-color:var(--accent);
}
html[data-theme="light"][data-appearance="matcha"] :is(.portal-shell,.admin-console,.teaching-shell) :is(.btn,.scope-choice,.phrase-audio,.panel,.catalog-card,.journey-book,.journey-current-material) {
  border-radius:var(--control-radius);
}