:root {
  --app-color-scheme: light;
  --app-bg: #ffffff;
  --app-bg-rgb: 255, 255, 255;
  --app-ink: #081024;
  --app-ink-body: #223856;
  --app-ink-soft: #607189;
  --app-ink-muted: #7e8ca2;
  --app-accent: #1b59af;
  --app-accent-strong: #023c96;
  --app-accent-soft: #e8f1ff;
  --app-success: #16835d;
  --app-warning: #a16207;
  --app-danger: #bf2e35;
  --app-info: #164e9c;
  --app-surface: #ffffff;
  --app-surface-strong: #ffffff;
  --app-surface-elevated: #ffffff;
  --app-surface-muted: #e8eef6;
  --app-border: #dce4ee;
  --app-border-strong: rgba(190, 202, 214, 0.9);
  --app-settings-tab-gap: 1.5rem;
  --app-tab-link-color: var(--app-ink-soft);
  --app-tab-link-active-color: var(--app-ink);
  --app-tab-underline-color: var(--app-accent);
  --app-shadow: 0 18px 44px rgba(8, 16, 36, 0.08);
  --app-shadow-sm: 0 8px 24px rgba(8, 16, 36, 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.85rem;
  --app-card-table-frame-padding-y: 1rem;
  --app-card-table-frame-padding-bottom: 1.85rem;
  --bs-card-spacer-x: 2rem;
  --bs-card-spacer-y: 1.85rem;
  --bs-card-title-spacer-y: 1rem;
  --bs-body-bg: var(--app-card-bg);
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-body-color: var(--app-ink-body);
  --bs-body-color-rgb: 34, 56, 86;
  --bs-emphasis-color: var(--app-ink);
  --bs-emphasis-color-rgb: 8, 16, 36;
  --bs-secondary-color: var(--app-ink-soft);
  --bs-secondary-color-rgb: 96, 113, 137;
  --bs-tertiary-color: var(--app-ink-muted);
  --bs-heading-color: var(--app-ink);
  --bs-link-color: var(--app-accent-strong);
  --bs-link-hover-color: #0d4ea8;
  --bs-primary: var(--app-accent);
  --bs-primary-rgb: 27, 89, 175;
  --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: #010923;
  --app-topbar-bg: linear-gradient(180deg, #011028 0%, #0d273f 100%);
  --app-topbar-border: 1px solid rgba(179, 193, 207, 0.16);
  --app-topbar-backdrop: blur(16px);
  --app-topbar-shadow: none;
  --app-topbar-divider-display: none;
  --app-topbar-divider-bg: none;
  --app-topbar-divider-opacity: 0;
  --app-topbar-focus-ring: rgba(72, 120, 196, 0.55);
  --app-topbar-control-bg: rgba(1, 16, 40, 0.72);
  --app-topbar-control-border: rgba(179, 193, 207, 0.24);
  --app-topbar-control-color: #f7fbfc;
  --app-topbar-control-placeholder-color: rgba(227, 235, 241, 0.72);
  --app-topbar-control-focus-bg: rgba(13, 39, 63, 0.86);
  --app-topbar-control-focus-border: rgba(72, 120, 196, 0.68);
  --app-topbar-control-icon-color: rgba(227, 235, 241, 0.82);
  --app-topbar-select-indicator: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23e3ebf1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --app-topbar-button-color: #f7fbfc;
  --app-topbar-button-bg: rgba(255, 255, 255, 0.04);
  --app-topbar-button-border: rgba(179, 193, 207, 0.24);
  --app-topbar-button-hover-color: #ffffff;
  --app-topbar-button-hover-bg: rgba(255, 255, 255, 0.12);
  --app-topbar-button-hover-border: rgba(72, 120, 196, 0.68);
  --app-topbar-button-active-color: #ffffff;
  --app-topbar-button-active-bg: rgba(255, 255, 255, 0.16);
  --app-topbar-button-active-border: rgba(72, 120, 196, 0.76);
  --app-topbar-button-focus-shadow: none;
  --app-nav-bg: linear-gradient(180deg, #0d273f 0%, #0b2239 100%);
  --app-nav-border: rgba(179, 193, 207, 0.16);
  --app-nav-backdrop: blur(12px);
  --app-nav-link-color: rgba(227, 235, 241, 0.76);
  --app-nav-link-active-color: #ffffff;
  --app-nav-selected-pill-bg: rgba(72, 120, 196, 0.22);
  --app-nav-selected-pill-border: rgba(125, 166, 232, 0.48);
  --app-product-logo-color: #ffffff;
  --app-product-logo-hover-color: #ffffff;
  --app-product-logo-size: 1.05rem;
  --app-product-logo-letter-spacing: 0;
  --app-profile-menu-min-width: 13rem;
  --app-page-heading-spacer-x: var(--bs-card-spacer-x);
  --app-page-heading-spacer-y: var(--app-card-table-frame-padding-bottom);
  --app-page-heading-spacer-bottom: var(--app-card-table-frame-padding-bottom);
  --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: 0 solid transparent;
  --app-card-radius: 0;
  --app-card-shadow: none;
  --app-card-column-divider-color: var(--app-card-table-row-border);
  --app-card-header-bg: var(--app-card-bg);
  --app-card-header-border: 0 solid transparent;
  --app-card-footer-bg: transparent;
  --app-card-footer-border: 0 solid transparent;
  --app-card-table-heading-border: rgba(190, 202, 214, 0.82);
  --app-card-table-heading-color: var(--app-ink-soft);
  --app-card-table-heading-bg: #f8f9fb;
  --app-card-table-row-border: rgba(220, 228, 238, 0.94);
  --app-card-table-hover-bg: #f2f6fb;
  --app-card-surface-tinted-bg: linear-gradient(
    180deg,
    rgba(243, 248, 254, 0.96),
    rgba(248, 251, 255, 0.93)
  );
  --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 var(--app-card-table-row-border);
  --app-list-utility-top-bg: transparent;
  --app-list-utility-select-border: rgba(190, 202, 214, 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(190, 202, 214, 0.82);
  --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: #eef5ff;
  --app-source-provider-active-border: rgba(27, 89, 175, 0.42);
  --app-source-provider-active-shadow: 0 0 0 1px rgba(27, 89, 175, 0.08);
  --app-source-provider-active-icon-bg: rgba(27, 89, 175, 0.12);
  --app-source-provider-active-icon-color: var(--app-accent-strong);
  --app-source-provider-focus-border: rgba(27, 89, 175, 0.5);
  --app-source-provider-focus-shadow: 0 0 0 0.15rem rgba(27, 89, 175, 0.18);
  --app-radio-card-bg: var(--app-card-bg);
  --app-radio-card-border-width: 1px;
  --app-radio-card-border: rgba(190, 202, 214, 0.82);
  --app-radio-card-radius: var(--app-radius-md);
  --app-radio-card-body-padding-x: 1rem;
  --app-radio-card-body-padding-y: 1rem;
  --app-radio-card-hover-border: rgba(27, 89, 175, 0.34);
  --app-radio-card-focus-border: rgba(27, 89, 175, 0.5);
  --app-radio-card-focus-shadow: none;
  --app-radio-card-selected-bg: #eef5ff;
  --app-radio-card-selected-border: rgba(27, 89, 175, 0.42);
  --app-radio-card-selected-shadow: none;
  --app-radio-card-selected-focus-shadow: none;
  --app-modal-z-index: 1060;
  --app-modal-bg: rgba(255, 255, 255, 0.99);
  --app-modal-border-color: rgba(190, 202, 214, 0.9);
  --app-modal-header-border-color: rgba(190, 202, 214, 0.82);
  --app-modal-footer-border-color: rgba(190, 202, 214, 0.82);
  --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(190, 202, 214, 0.9);
  --app-modal-content-radius: var(--app-radius-lg);
  --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(190, 202, 214, 0.86);
  --app-modal-backdrop-z-index: 1050;
  --app-modal-backdrop-bg: rgba(8, 16, 36, 0.55);
  --app-modal-backdrop-opacity: 1;
  --app-rule-test-modal-backdrop: rgba(8, 16, 36, 0.38);
  --app-rule-test-modal-body-bg: var(--app-surface-strong);
  --app-rule-test-modal-body-border: 1px solid rgba(190, 202, 214, 0.9);
  --app-rule-test-modal-body-shadow: var(--app-shadow);
  --app-auth-shell-width: 70rem;
  --app-auth-card-width: 31.5rem;
  --app-auth-page-bg: var(--app-bg);
  --app-auth-shell-bg: var(--app-surface-strong);
  --app-auth-shell-border: 1px solid rgba(164, 181, 204, 0.92);
  --app-auth-shell-shadow: 0 28px 80px rgba(8, 16, 36, 0.15);
  --app-auth-side-bg: var(--app-topbar-bg);
  --app-auth-side-color: rgba(227, 235, 241, 0.86);
  --app-auth-side-heading-color: #ffffff;
  --app-auth-side-item-heading-color: rgba(227, 235, 241, 0.84);
  --app-auth-side-muted-color: rgba(227, 235, 241, 0.68);
  --app-auth-side-icon-color: rgba(227, 235, 241, 0.9);
  --app-auth-side-icon-bg: rgba(255, 255, 255, 0.06);
  --app-auth-side-icon-border: rgba(179, 193, 207, 0.2);
  --app-auth-side-success-color: #7ddc9a;
  --app-auth-content-bg: #ffffff;
  --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-product-logo-color: var(--app-ink);
  --app-auth-product-logo-hover-color: var(--app-ink);
  --app-auth-card-bg: rgba(255, 255, 255, 0.98);
  --app-auth-card-border: 1px solid rgba(164, 181, 204, 0.82);
  --app-auth-card-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 24px 64px rgba(8, 16, 36, 0.12);
  --app-auth-card-footer-bg: rgba(247, 250, 253, 0.94);
  --app-auth-accent-color: var(--app-accent);
  --app-auth-footer-bg: #fbfcfd;
  --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(190, 202, 214, 0.86);
  --app-table-secondary-bg: rgba(92, 104, 123, 0.08);
  --app-table-secondary-color: inherit;
  --app-details-summary-border: 1px solid rgba(190, 202, 214, 0.9);
  --app-details-summary-bg: #edf4ff;
  --app-details-summary-color: var(--app-accent-strong);
  --app-details-summary-hover-border: 1px solid rgba(27, 89, 175, 0.36);
  --app-details-summary-hover-bg: #e3efff;
  --app-details-summary-open-border: 1px solid rgba(27, 89, 175, 0.36);
  --app-details-summary-open-bg: #e3efff;
  --app-mobile-nav-bg: rgba(1, 16, 40, 0.96);
  --app-mobile-nav-border: 1px solid rgba(179, 193, 207, 0.18);
  --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-btn-primary-background);
  --app-btn-primary-color: #fff;
  --app-btn-primary-box-shadow: 0 1px 2px rgba(8, 16, 36, 0.12);
  --app-btn-primary-hover-background: #0d4ea8;
  --app-btn-primary-hover-border-color: #0d4ea8;
  --app-btn-primary-hover-color: #fff;
  --app-btn-primary-hover-box-shadow: 0 6px 16px rgba(27, 89, 175, 0.16);
  --app-btn-primary-active-background: #023c96;
  --app-btn-primary-active-border-color: #023c96;
  --app-btn-primary-active-color: #fff;
  --app-btn-primary-active-box-shadow: 0 1px 2px rgba(8, 16, 36, 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(190, 202, 214, 0.9);
  --app-btn-outline-secondary-color: var(--app-ink);
  --app-btn-outline-secondary-hover-background: #f2f6fb;
  --app-btn-outline-secondary-hover-border-color: rgba(27, 89, 175, 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: 500;
  --app-control-bg: #ffffff;
  --app-control-border: rgba(190, 202, 214, 0.9);
  --app-control-color: var(--app-ink);
  --app-control-placeholder-color: var(--app-ink-muted);
  --app-control-focus-bg: #ffffff;
  --app-control-focus-border: rgba(27, 89, 175, 0.52);
  --app-control-focus-shadow: 0 0 0 0.18rem rgba(27, 89, 175, 0.14);
  --app-check-border: rgba(190, 202, 214, 0.9);
  --app-check-focus-border: rgba(27, 89, 175, 0.52);
  --app-check-focus-shadow: 0 0 0 0.18rem rgba(27, 89, 175, 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(190, 202, 214, 0.9);
  --app-dropdown-shadow: var(--app-shadow);
  --app-dropdown-hover-bg: #f2f6fb;
  --app-dropdown-active-bg: #e3efff;
  --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(190, 202, 214, 0.9);
  --app-row-action-menu-hover-bg: #f2f6fb;
  --app-row-action-menu-active-color: var(--app-accent-strong);
  --app-row-action-menu-active-bg: #e3efff;
  --app-row-action-menu-active-border: rgba(27, 89, 175, 0.42);
}
