/* THEME LAYER — the default Nova theme. Verbatim from src/theme/nova-theme.css.
   Most of the theme layer is consumed through sys- tokens; the component-level
   (cmp) tokens below are only for their named component. */
:root {
  --theme-palette-brand-primary: var(--brand-blue);
  --theme-palette-brand-secondary: var(--brand-indigo);
  --theme-palette-brand-tertiary: var(--brand-purple);

  --theme-interactive-primary: var(--theme-palette-brand-primary);
  --theme-interactive-primary-hover: var(--blue-300);
  --theme-interactive-on-primary: var(--text-inverse);
  --theme-interactive-secondary: var(--theme-palette-brand-secondary);
  --theme-interactive-secondary-hover: var(--theme-interactive-primary-hover);

  --theme-title-color: var(--theme-palette-brand-secondary);
  --theme-title-font: var(--font-family-header);
  --theme-title-size: var(--font-size-base-plus-2);
  --theme-title-weight: var(--font-weight-extrabold);
  --theme-title-line-height: var(--line-height-base);
  --theme-title-letter-spacing: var(--letter-spacing-normal);

  --theme-heading-color: var(--text-subtle);
  --theme-heading-font: var(--theme-title-font);
  --theme-heading-size: var(--font-size-base-plus-2);
  --theme-heading-weight: var(--font-weight-bold);
  --theme-heading-line-height: var(--line-height-base);
  --theme-heading-letter-spacing: var(--letter-spacing-normal);

  --theme-subheading-color: var(--text-subtle);
  --theme-subheading-font: var(--font-family-body);
  --theme-subheading-size: var(--font-size-base-plus-1);
  --theme-subheading-weight: var(--font-weight-bold);
  --theme-subheading-line-height: var(--line-height-base);
  --theme-subheading-letter-spacing: var(--letter-spacing-normal);

  --theme-eyebrow-color: var(--text-muted);
  --theme-eyebrow-font: var(--font-family-body);
  --theme-eyebrow-size: var(--font-size-base-minus-2);
  --theme-eyebrow-weight: var(--font-weight-bold);
  --theme-eyebrow-line-height: var(--line-height-base);
  --theme-eyebrow-letter-spacing: var(--letter-spacing-normal);

  --theme-link-font-weight: var(--font-weight-bold);
  --theme-link-letter-spacing: var(--letter-spacing-snug);

  --theme-body-font: var(--font-family-body);

  --theme-app-header-surface: var(--surface);
  --theme-app-header-border: var(--purple-700);
  --theme-app-header-nav-trigger: var(--text-subtle);
  --theme-app-header-nav-trigger-hover: var(--theme-interactive-secondary);
  --theme-app-header-nav-trigger-hover-fill: var(--purple-800);

  --theme-app-footer-surface: var(--theme-palette-brand-secondary);
  --theme-app-footer-text-on-footer-bg: var(--text-inverse);

  --theme-progress-bar-surface: var(--neutral-700);
  --theme-progress-bar-fill: var(--feedback-brand-subtle);

  --theme-action-tile-on-accent-fill: var(--icon-brand-subtle);
  --theme-action-tile-accent-fill: var(--blue-700);
  --theme-action-tile-accent-border: var(--blue-800);
  --theme-action-tile-label-text: var(--theme-interactive-secondary);
  --theme-action-tile-gradient-stop-i: var(--blue-900);
  --theme-action-tile-gradient-stop-ii: var(--blue-700);

  --theme-blade-take-action-on-gradient: var(--text-inverse);
  --theme-blade-take-action-card-accent-fill: var(--theme-palette-brand-secondary);
  --theme-blade-take-action-card-on-accent-fill: var(--text-inverse);
  --theme-blade-take-action-gradient-45-deg-stop-i: var(--gradient-i-stops-0);
  --theme-blade-take-action-gradient-45-deg-stop-ii: var(--gradient-i-stops-50);
  --theme-blade-take-action-gradient-45-deg-stop-iii: var(--gradient-i-stops-100);
  --theme-blade-take-action-gradient: linear-gradient(45deg, var(--theme-blade-take-action-gradient-45-deg-stop-i) 0%, var(--theme-blade-take-action-gradient-45-deg-stop-ii) 50%, var(--theme-blade-take-action-gradient-45-deg-stop-iii) 100%);

  --theme-blade-find-answers-bg: var(--surface-accent-info);
  --theme-blade-find-answers-prism-chat-gradient-stop-i: var(--gradient-i-stops-0);
  --theme-blade-find-answers-prism-chat-gradient-stop-ii: var(--gradient-i-stops-50);
  --theme-blade-find-answers-prism-chat-gradient-stop-iii: var(--gradient-i-stops-100);

  --theme-blade-coverage-card-border: var(--surface-border);
  --theme-blade-coverage-card-divider: var(--divider);
  --theme-blade-coverage-card-surface: var(--surface-muted);

  --theme-blade-preventive-care-card-accent-fill: var(--theme-action-tile-accent-fill);
  --theme-blade-preventive-care-card-on-accent-fill: var(--theme-action-tile-on-accent-fill);
  --theme-blade-preventive-care-card-accent-border: var(--theme-action-tile-accent-border);
  --theme-blade-preventive-care-card-illustration-bg: var(--blue-800);
}
