:root {
  --app-color-scheme: light;
  --app-bg: #f5f6f8;
  --app-bg-rgb: 245, 246, 248;
  --app-ink: #17202e;
  --app-ink-body: #263241;
  --app-ink-soft: #566273;
  --app-ink-muted: #7a8492;
  --app-accent: #1f6f78;
  --app-accent-strong: #155e66;
  --app-accent-soft: #e4f3f4;
  --app-success: #16835d;
  --app-warning: #a16207;
  --app-danger: #bf2e35;
  --app-info: #286c9a;
  --app-surface: #f5f6f8;
  --app-surface-strong: #ffffff;
  --app-surface-elevated: #ffffff;
  --app-surface-muted: #eef2f5;
  --app-border: #d9e0e7;
  --app-border-strong: rgba(194, 204, 216, 0.88);
  --app-settings-tab-gap: 1.5rem;
  --app-shadow: 0 18px 44px rgba(31, 45, 61, 0.08);
  --app-shadow-sm: 0 8px 24px rgba(31, 45, 61, 0.05);
  --app-radius-xl: 0.5rem;
  --app-radius-lg: 0.5rem;
  --app-radius-md: 0.375rem;
  --app-radius-sm: 0.25rem;
  --app-card-frame-padding-y: 1.1rem;
  --bs-card-spacer-x: 1.125rem;
  --bs-card-spacer-y: 1rem;
  --bs-card-title-spacer-y: 1rem;
  --bs-body-bg: var(--app-bg);
  --bs-body-color: var(--app-ink-body);
  --bs-body-color-rgb: 38, 50, 65;
  --bs-emphasis-color: var(--app-ink);
  --bs-emphasis-color-rgb: 23, 32, 46;
  --bs-secondary-color: var(--app-ink-soft);
  --bs-secondary-color-rgb: 86, 98, 115;
  --bs-tertiary-color: var(--app-ink-muted);
  --bs-heading-color: var(--app-ink);
  --bs-link-color: var(--app-accent-strong);
  --bs-link-hover-color: #0f4f56;
  --bs-primary: var(--app-accent);
  --bs-primary-rgb: 31, 111, 120;
  --bs-border-color: var(--app-border);
  --bs-border-radius: var(--app-radius-md);
  --bs-border-radius-sm: var(--app-radius-sm);
  --bs-border-radius-lg: var(--app-radius-lg);
  --bs-font-sans-serif:
    'Inter', 'SF Pro Text', 'Segoe UI Variable Text', 'Segoe UI', system-ui, sans-serif;
  --app-topbar-shell-bg: var(--app-surface-strong);
  --app-topbar-bg: rgba(255, 255, 255, 0.96);
  --app-topbar-border: 1px solid rgba(217, 224, 231, 0.86);
  --app-topbar-backdrop: blur(12px);
  --app-topbar-shadow: none;
  --app-topbar-divider-display: none;
  --app-topbar-control-bg: #f8fafb;
  --app-topbar-control-border: rgba(194, 204, 216, 0.86);
  --app-topbar-control-icon-color: var(--app-ink-muted);
  --app-nav-bg: rgba(255, 255, 255, 0.88);
  --app-nav-border: rgba(217, 224, 231, 0.86);
  --app-nav-backdrop: blur(12px);
  --app-nav-link-color: var(--app-ink-soft);
  --app-nav-link-active-color: var(--app-ink);
  --app-product-logo-color: var(--app-ink);
  --app-product-logo-hover-color: var(--app-ink);
  --app-product-logo-size: 1.05rem;
  --app-product-logo-letter-spacing: 0;
  --app-profile-menu-min-width: 13rem;
  --app-page-heading-bg: transparent;
  --app-page-heading-border: 0;
  --app-page-heading-shadow: none;
  --app-page-heading-padding-x: 0;
  --app-page-heading-padding-y: 0.15rem;
  --app-page-heading-text-color: var(--app-ink-soft);
  --app-card-bg: var(--app-surface-strong);
  --app-card-body-color: var(--app-ink-body);
  --app-card-title-color: var(--app-ink);
  --app-card-border-color: var(--app-border-strong);
  --app-card-border: 1px solid rgba(217, 224, 231, 0.92);
  --app-card-shadow: var(--app-shadow-sm);
  --app-card-header-bg: var(--app-card-bg);
  --app-card-header-border: 1px solid rgba(217, 224, 231, 0.82);
  --app-card-footer-bg: #fbfcfd;
  --app-card-footer-border: 1px solid rgba(217, 224, 231, 0.82);
  --app-card-table-heading-border: rgba(217, 224, 231, 0.94);
  --app-card-table-heading-color: var(--app-ink-soft);
  --app-card-table-heading-bg: #f8fafb;
  --app-card-table-row-border: rgba(226, 231, 237, 0.94);
  --app-card-table-hover-bg: #f3f8f8;
  --app-table-cell-padding-y: 0.72rem;
  --app-table-cell-padding-x: 0.75rem;
  --app-table-small-cell-padding-y: 0.58rem;
  --app-table-small-cell-padding-x: 0.55rem;
  --app-list-utility-top-border: 1px solid rgba(217, 224, 231, 0.92);
  --app-list-utility-top-bg: var(--app-card-table-heading-bg);
  --app-list-utility-select-border: rgba(194, 204, 216, 0.9);
  --app-list-utility-select-bg: #ffffff;
  --app-list-utility-secondary-btn-bg: #ffffff;
  --app-empty-state-bg: var(--app-card-bg);
  --app-empty-state-eyebrow-color: inherit;
  --app-dashboard-checklist-bg: rgba(248, 250, 252, 0.94);
  --app-dashboard-checklist-done-bg: linear-gradient(
    180deg,
    rgba(214, 221, 230, 0.96),
    rgba(231, 236, 242, 0.98)
  );
  --app-dashboard-checklist-done-border: rgba(100, 116, 139, 0.36);
  --app-dashboard-checklist-done-opacity: 0.74;
  --app-dashboard-checklist-done-title-color: #435164;
  --app-dashboard-checklist-done-description-color: #6a7687;
  --app-dashboard-checklist-done-badge-bg: rgba(255, 255, 255, 0.62);
  --app-dashboard-checklist-done-badge-color: #526173;
  --app-dashboard-checklist-done-badge-border: rgba(100, 116, 139, 0.24);
  --app-dashboard-checklist-done-action-bg: rgba(255, 255, 255, 0.58);
  --app-dashboard-checklist-done-action-border: rgba(100, 116, 139, 0.28);
  --app-dashboard-checklist-done-action-color: #435164;
  --app-dashboard-checklist-done-action-bg-hover: rgba(255, 255, 255, 0.72);
  --app-dashboard-checklist-done-action-border-hover: rgba(100, 116, 139, 0.38);
  --app-dashboard-checklist-done-action-color-hover: #324054;
  --app-source-provider-bg: var(--app-card-bg);
  --app-source-provider-border: 1px solid rgba(217, 224, 231, 0.92);
  --app-source-provider-shadow: var(--app-shadow-sm);
  --app-source-provider-icon-bg: var(--app-accent-soft);
  --app-source-provider-icon-color: var(--app-accent-strong);
  --app-source-provider-label-color: var(--app-ink);
  --app-source-provider-kind-color: var(--app-ink-soft);
  --app-source-provider-active-bg: #f1fbfb;
  --app-source-provider-active-border: rgba(31, 111, 120, 0.42);
  --app-source-provider-active-shadow: 0 0 0 1px rgba(31, 111, 120, 0.08);
  --app-source-provider-active-icon-bg: rgba(31, 111, 120, 0.12);
  --app-source-provider-active-icon-color: var(--app-accent-strong);
  --app-source-provider-focus-border: rgba(31, 111, 120, 0.5);
  --app-source-provider-focus-shadow: 0 0 0 0.15rem rgba(31, 111, 120, 0.18);
  --app-radio-card-bg: var(--app-card-bg);
  --app-radio-card-border: rgba(217, 224, 231, 0.92);
  --app-radio-card-hover-border: rgba(31, 111, 120, 0.34);
  --app-radio-card-focus-border: rgba(31, 111, 120, 0.5);
  --app-radio-card-focus-shadow: 0 0 0 0.15rem rgba(31, 111, 120, 0.14);
  --app-radio-card-selected-bg: #f1fbfb;
  --app-radio-card-selected-border: rgba(31, 111, 120, 0.62);
  --app-radio-card-selected-shadow:
    0 0 0 1px rgba(31, 111, 120, 0.1), 0 10px 24px rgba(31, 45, 61, 0.06);
  --app-radio-card-selected-focus-shadow:
    0 0 0 0.16rem rgba(31, 111, 120, 0.18), 0 10px 24px rgba(31, 45, 61, 0.06);
  --app-modal-z-index: 1060;
  --app-modal-bg: rgba(255, 255, 255, 0.99);
  --app-modal-border-color: rgba(217, 224, 231, 0.95);
  --app-modal-header-border-color: rgba(217, 224, 231, 0.88);
  --app-modal-footer-border-color: rgba(217, 224, 231, 0.88);
  --app-modal-footer-bg: transparent;
  --app-modal-content-color: var(--app-ink);
  --app-modal-content-bg: var(--app-surface-strong);
  --app-modal-content-border: 1px solid rgba(217, 224, 231, 0.95);
  --app-modal-content-shadow: var(--app-shadow);
  --app-modal-section-bg: #fbfcfd;
  --app-modal-body-bg: rgba(255, 255, 255, 0.99);
  --app-modal-pre-bg: rgba(255, 255, 255, 0.92);
  --app-modal-pre-border: rgba(217, 224, 231, 0.92);
  --app-modal-backdrop-z-index: 1050;
  --app-modal-backdrop-bg: rgba(31, 42, 46, 0.55);
  --app-modal-backdrop-opacity: 1;
  --app-rule-test-modal-backdrop: rgba(31, 42, 46, 0.38);
  --app-rule-test-modal-body-bg: var(--app-surface-strong);
  --app-rule-test-modal-body-border: 1px solid rgba(217, 224, 231, 0.95);
  --app-rule-test-modal-body-shadow: var(--app-shadow);
  --app-auth-page-bg: var(--app-bg);
  --app-auth-topbar-bg: transparent;
  --app-auth-topbar-border: 0;
  --app-auth-topbar-backdrop: none;
  --app-auth-topbar-shadow: none;
  --app-auth-topbar-divider-display: none;
  --app-auth-card-bg: rgba(255, 255, 255, 0.98);
  --app-auth-card-shadow: var(--app-shadow);
  --app-auth-footer-color: var(--app-ink-soft);
  --app-badge-light-bg: rgba(255, 255, 255, 0.75);
  --app-badge-light-color: var(--app-ink);
  --app-badge-light-border: rgba(217, 224, 231, 0.95);
  --app-table-secondary-bg: rgba(92, 104, 123, 0.08);
  --app-table-secondary-color: inherit;
  --app-details-summary-border: 1px solid rgba(217, 224, 231, 0.95);
  --app-details-summary-bg: #f1f7f8;
  --app-details-summary-color: var(--app-accent-strong);
  --app-details-summary-hover-border: 1px solid rgba(31, 111, 120, 0.36);
  --app-details-summary-hover-bg: #e8f5f6;
  --app-details-summary-open-border: 1px solid rgba(31, 111, 120, 0.36);
  --app-details-summary-open-bg: #e8f5f6;
  --app-mobile-nav-bg: rgba(255, 255, 255, 0.88);
  --app-mobile-nav-border: 1px solid rgba(217, 224, 231, 0.88);
  --app-body-background: var(--bs-body-bg);
  --app-body-color: var(--app-ink-body);
  --app-body-font-family: var(--bs-font-sans-serif);
  --app-body-line-height: 1.48;
  --app-btn-primary-background: var(--app-accent);
  --app-btn-primary-border-color: var(--app-accent-strong);
  --app-btn-primary-color: #fff;
  --app-btn-primary-box-shadow: 0 1px 2px rgba(31, 45, 61, 0.12);
  --app-btn-primary-hover-background: #185f67;
  --app-btn-primary-hover-border-color: #185f67;
  --app-btn-primary-hover-color: #fff;
  --app-btn-primary-hover-box-shadow: 0 6px 16px rgba(31, 111, 120, 0.16);
  --app-btn-primary-active-background: #124f56;
  --app-btn-primary-active-border-color: #124f56;
  --app-btn-primary-active-color: #fff;
  --app-btn-primary-active-box-shadow: 0 1px 2px rgba(31, 45, 61, 0.14);
  --app-btn-primary-disabled-background: var(--app-surface-muted);
  --app-btn-primary-disabled-border-color: var(--app-border-strong);
  --app-btn-primary-disabled-color: var(--app-ink-muted);
  --app-btn-primary-disabled-box-shadow: none;
  --app-btn-primary-disabled-opacity: 1;
  --app-btn-outline-secondary-border-color: rgba(194, 204, 216, 0.92);
  --app-btn-outline-secondary-color: var(--app-ink);
  --app-btn-outline-secondary-hover-background: #f5f8f9;
  --app-btn-outline-secondary-hover-border-color: rgba(31, 111, 120, 0.28);
  --app-btn-outline-secondary-hover-color: var(--app-ink);
  --app-btn-outline-secondary-hover-box-shadow: none;
  --app-button-radius: var(--app-radius-md);
  --app-button-radius-sm: var(--app-radius-sm);
  --app-button-font-weight: 600;
  --app-control-bg: #ffffff;
  --app-control-border: rgba(194, 204, 216, 0.92);
  --app-control-color: var(--app-ink);
  --app-control-placeholder-color: var(--app-ink-muted);
  --app-control-focus-bg: #ffffff;
  --app-control-focus-border: rgba(31, 111, 120, 0.52);
  --app-control-focus-shadow: 0 0 0 0.18rem rgba(31, 111, 120, 0.14);
  --app-check-border: rgba(194, 204, 216, 0.92);
  --app-check-focus-border: rgba(31, 111, 120, 0.52);
  --app-check-focus-shadow: 0 0 0 0.18rem rgba(31, 111, 120, 0.14);
  --app-check-checked-bg: var(--app-accent);
  --app-check-checked-border: var(--app-accent-strong);
  --app-switch-checked-bg: var(--app-accent);
  --app-switch-checked-border: var(--app-accent-strong);
  --app-dropdown-bg: #ffffff;
  --app-dropdown-border: 1px solid rgba(217, 224, 231, 0.95);
  --app-dropdown-shadow: var(--app-shadow);
  --app-dropdown-hover-bg: #f4f7f8;
  --app-dropdown-active-bg: #e8f5f6;
  --app-dropdown-active-color: var(--app-ink);
  --app-row-action-size: 2rem;
  --app-row-action-menu-color: var(--app-ink);
  --app-row-action-menu-bg: #ffffff;
  --app-row-action-menu-border: rgba(194, 204, 216, 0.92);
  --app-row-action-menu-hover-bg: #f4f8f8;
  --app-row-action-menu-active-color: var(--app-accent-strong);
  --app-row-action-menu-active-bg: #eef7f8;
  --app-row-action-menu-active-border: rgba(31, 111, 120, 0.42);
}