/* Interface typography. Printed documents keep their document styles. */
@media screen {
  html[data-edition][data-activity-theme] {
    --interface-text:#000;
    --interface-on-dark:#fff;
    --interface-primary-text:var(--interface-on-dark);
    --interface-nav-active-text:var(--interface-on-dark);
    --interface-dock-active-text:var(--interface-text);
  }
  html[data-edition="beaute"]:not([data-look]) {
    --interface-primary-text:var(--interface-text);
    --interface-nav-active-text:var(--interface-text);
  }
  html[data-edition]:is([data-look="barber"],[data-look="mix"]) {
    --interface-nav-active-text:var(--interface-text);
  }
  html[data-edition][data-activity-theme] :is(.shell,.auth-card,dialog,.mobile-top,.mobile-dock,.mobile-menu) {
    --surface-text:var(--interface-text);
    color:var(--surface-text);
  }
  html[data-edition]:is([data-look="barber"],[data-look="mix"]) :is(.shell aside,.shell .hero,.mobile-dock) {
    --surface-text:var(--interface-on-dark);
  }
  html[data-edition][data-activity-theme] :is(.shell,.auth-card,dialog,.mobile-top,.mobile-dock,.mobile-menu)
    :is(h1,h2,h3,h4,p,small,label,legend,summary,dt,dd,li,a,button,input,select,textarea,th,td,strong,span,time) {
    color:var(--surface-text,var(--interface-text))!important;
  }
  html[data-edition][data-activity-theme] :is(.shell,.auth-card,dialog,.mobile-top,.mobile-menu)
    :is(input,select,textarea) {
    color:var(--interface-text)!important;
  }
  html[data-edition][data-activity-theme] :is(.shell,.auth-card,dialog,.mobile-menu)
    :is(input,textarea)::placeholder {
    color:var(--interface-text);
    opacity:.72;
  }

  html[data-edition][data-activity-theme] :is(.shell,dialog,.mobile-menu) .primary {
    --surface-text:var(--interface-primary-text);
  }
  html[data-edition][data-activity-theme] .auth-card .primary,
  html[data-edition][data-activity-theme] .section-subnav .section-tab.active {
    --surface-text:var(--interface-on-dark);
  }
  html[data-edition][data-activity-theme] .shell aside nav button.active {
    --surface-text:var(--interface-nav-active-text);
  }
  html[data-edition][data-activity-theme] .mobile-dock button.active {
    --surface-text:var(--interface-dock-active-text);
  }
  html[data-edition][data-work-trade="atelier"] .mobile-dock button.active {
    --interface-dock-active-text:var(--interface-on-dark);
  }
  html[data-edition][data-look="barber"] :is(.shell,.auth-card,dialog) :is(.tag,.calendar-event:not(.is-complete),.month-event,.month-today .month-day-number,.calendar-day-header.is-today strong,.secondary:hover,.calendar-views .active) {
    --surface-text:var(--interface-on-dark);
  }

  html[data-edition][data-activity-theme] :is(.shell,.auth-card,dialog,.mobile-menu,.mobile-dock)
    :is(h1,h2,h3,h4,summary,legend,th,strong) {
    font-weight:700;
  }
  html[data-edition][data-activity-theme] :is(.shell nav button,.section-tab,.mobile-dock button,.mobile-menu button,.primary) {
    font-weight:700!important;
  }
  html[data-edition][data-activity-theme] :is(.shell,dialog,.auth-card) label {
    font-weight:600;
  }
}