/* Planning & Alignment adapter. Load after the existing planning styles and
   shared brand-alignment.css. The planner already has its own design-system
   pass: preserve those view-specific treatments, dimensions and states. */
body {
  --ds-font-body: "O2C Lato", Lato, Arial, sans-serif;
  --ds-font-ui: Inter, Arial, sans-serif;
  --ds-teal: #297D77;
  --ds-ink: #161616;
  --ds-secondary: #4D5056;
  --ds-border: #D5D7DA;
  --ds-tint: #F0FDFA;
  --ds-paper: #F1F0EE;
  --green: var(--ds-teal);
  --green-hover: #216861;
  --ink: var(--ds-ink);
  --muted: var(--ds-secondary);
  --paper: var(--ds-paper);
  --soft: #F3F4F6;
  --line: var(--ds-border);
  --white: #FFFFFF;
  font-family: var(--ds-font-body);
  color: var(--ds-ink);
  background-color: var(--ds-paper);
}

/* Local Lato declarations in individual views remain valid. This establishes
   the same family for inherited copy and generated headings without changing
   font size, line height, tracking, wrapping or container geometry. */
body :is(h1, h2, h3, h4) {
  font-family: var(--ds-font-body);
}

/* Dense labels, codes and tabular evidence retain the UI face. Descriptive
   lesson content, vocabulary meanings and comparison prose remain Lato. */
html body :is(
  .site-header .desktop-nav, .site-header .header-tools,
  .site-header .header-search, .site-header .spreadsheets-trigger,
  .site-header .planner-help-trigger, .planner-context-menu > summary,
  .wk-launcher, .planning-recent-trigger,
  .planner-context-menu legend, .site-footer,
  .eyebrow, .tag, .count, .results-count, .collection-label,
  .level-secondary, .level-reference, .level-card-count,
  .browse-results-status, .browse-lesson-meta, .unit-focus-label,
  .detail-meta, .detail-position, .detail-lesson-code,
  .detail-location-trail, .standard-code, .standard-meta,
  .standard-summary-meta, .standard-evidence-label, .vocabulary-pos,
  .planning-match-note, .planning-search-status,
  .global-search-standard-status,
  .compare-attribute-heading, .compare-collection, .compare-lesson-meta,
  .compare-level, .compare-standard-code, .compare-data-note,
  .compare-picker-collection, .compare-picker-result-summary,
  .wk-eyebrow, .wk-meta, .wk-code, .wk-number, .wk-tab-context,
  .wk-temporary, .wk-launcher [data-week-count],
  .unit-standards-table, .compare-standards-matrix
) {
  font-family: var(--ds-font-ui);
}

/* Only actual action buttons become pills. Select menus, tabs, rows, result
   cards, framework cards, and round icon controls keep their existing shapes.
   Their existing primary/secondary/selected/disabled colors remain in force. */
html body :is(
  .btn, .submit-search, .global-search-submit,
  .wk-add, .wk-button,
  .compare-primary, .compare-secondary, .compare-inline-open,
  .framework-control, .unit-reveal
) {
  font-family: var(--ds-font-body);
  font-weight: 700;
  border-radius: 9999px;
}

/* These light-surface focus rings were still neutral gray in the source.
   Change the ring color only; retain its size, offset and visibility rules. */
html body .planner-context-menu :is(summary, button):focus-visible,
html body .planning-match-context button:focus-visible,
html body .planning-match-evidence summary:focus-visible,
html body .planning-matching-goal:focus-visible {
  outline-color: var(--ds-teal);
}

/* Static header mark only. The audience-entry flight and all animation layers
   retain their artwork, transforms, masks, timing and opacity. */
html body .site-header .hub-brand img {
  filter: none;
  opacity: 1;
}