html[data-style-variant="carbon"] {
  color-scheme: light;
}

html[data-style-variant="carbon"] body {
  background:
    radial-gradient(circle at top left, rgba(76, 86, 96, 0.16), transparent 34rem),
    linear-gradient(135deg, #eef0f1 0%, #dfe3e5 48%, #cfd5d8 100%);
  color: #20262b;
}

html[data-style-variant="carbon"] .site-header,
html[data-style-variant="carbon"] .public-quote-body > .site-header {
  background: #2b3136;
  border-bottom-color: #171b1f;
  box-shadow: 0 10px 24px rgba(32, 38, 43, 0.16);
}

html[data-style-variant="carbon"] .brand,
html[data-style-variant="carbon"] .nav-links a {
  color: #f8fafc;
}

html[data-style-variant="carbon"] .page-title,
html[data-style-variant="carbon"] .card h2,
html[data-style-variant="carbon"] .quote-view-card h2,
html[data-style-variant="carbon"] .dashboard-focus-heading h2,
html[data-style-variant="carbon"] .dashboard-filter-panel h3,
html[data-style-variant="carbon"] .app-dialog-content h2 {
  color: #22282d;
}

html[data-style-variant="carbon"] .page-subtitle,
html[data-style-variant="carbon"] .site-footer,
html[data-style-variant="carbon"] .quote-field-label,
html[data-style-variant="carbon"] .quote-tracking-grid span,
html[data-style-variant="carbon"] .quote-detail-list span,
html[data-style-variant="carbon"] .app-dialog-content p,
html[data-style-variant="carbon"] .dashboard-filter-field span,
html[data-style-variant="carbon"] .dashboard-action-eyebrow {
  color: #5d6972;
}

html[data-style-variant="carbon"] .container,
html[data-style-variant="carbon"] .landing-login-panel,
html[data-style-variant="carbon"] .account-setup-panel,
html[data-style-variant="carbon"] .public-quote-document {
  background: #f8faf9;
  border: 1px solid #c7ced2;
  box-shadow: 0 20px 48px rgba(32, 38, 43, 0.13);
}

html[data-style-variant="carbon"] .card,
html[data-style-variant="carbon"] .quote-primary-actions,
html[data-style-variant="carbon"] .quote-view-card,
html[data-style-variant="carbon"] .dashboard-focus-card,
html[data-style-variant="carbon"] .dashboard-filter-panel,
html[data-style-variant="carbon"] .dashboard-action-card,
html[data-style-variant="carbon"] .quote-response-panel,
html[data-style-variant="carbon"] .quote-action-panel,
html[data-style-variant="carbon"] .quote-control-card,
html[data-style-variant="carbon"] .app-dialog {
  background: #f1f4f3;
  border-color: #c9d0d3;
  box-shadow: 0 12px 30px rgba(32, 38, 43, 0.08);
}

html[data-style-variant="carbon"] input,
html[data-style-variant="carbon"] textarea,
html[data-style-variant="carbon"] select {
  background: #ffffff;
  border-color: #aeb8bf;
  color: #20262b;
}

html[data-style-variant="carbon"] input::placeholder,
html[data-style-variant="carbon"] textarea::placeholder {
  color: #7c8790;
}

html[data-style-variant="carbon"] input:focus,
html[data-style-variant="carbon"] textarea:focus,
html[data-style-variant="carbon"] select:focus {
  border-color: #4d7f76;
  box-shadow: 0 0 0 3px rgba(77, 127, 118, 0.18);
}

html[data-style-variant="carbon"] button,
html[data-style-variant="carbon"] .button-link,
html[data-style-variant="carbon"] .dashboard-create-quote-button,
html[data-style-variant="carbon"] .landing-primary-link,
html[data-style-variant="carbon"] .landing-login-form button {
  background: #3d474d;
  color: #ffffff;
  box-shadow: 0 8px 16px rgba(32, 38, 43, 0.16);
}

html[data-style-variant="carbon"] button:hover,
html[data-style-variant="carbon"] .button-link:hover,
html[data-style-variant="carbon"] .dashboard-create-quote-button:hover,
html[data-style-variant="carbon"] .landing-primary-link:hover,
html[data-style-variant="carbon"] .landing-login-form button:hover {
  background: #273036;
}

html[data-style-variant="carbon"] .secondary-button,
html[data-style-variant="carbon"] .app-dialog-cancel,
html[data-style-variant="carbon"] .quote-action-buttons .secondary-action-button,
html[data-style-variant="carbon"] .quote-more-actions .secondary-action-button {
  background: #e3e8e6;
  color: #263036;
  border: 1px solid #b8c2c6;
  box-shadow: none;
}

html[data-style-variant="carbon"] .secondary-button:hover,
html[data-style-variant="carbon"] .app-dialog-cancel:hover,
html[data-style-variant="carbon"] .quote-action-buttons .secondary-action-button:hover,
html[data-style-variant="carbon"] .quote-more-actions .secondary-action-button:hover {
  background: #d4dcda;
}

html[data-style-variant="carbon"] .logout-button,
html[data-style-variant="carbon"] .dashboard-action-button {
  background: #171b1f;
  color: #ffffff;
  border: 1px solid #3d474d;
  box-shadow: none;
}

html[data-style-variant="carbon"] .summary-box,
html[data-style-variant="carbon"] .quote-tracking-grid > div,
html[data-style-variant="carbon"] .builder-response-grid > div,
html[data-style-variant="carbon"] .public-total-box,
html[data-style-variant="carbon"] .total-box {
  background: #ffffff;
  border-color: #c9d0d3;
}

html[data-style-variant="carbon"] .summary-number,
html[data-style-variant="carbon"] .quote-tracking-grid strong,
html[data-style-variant="carbon"] .builder-response-grid strong,
html[data-style-variant="carbon"] .total-line strong,
html[data-style-variant="carbon"] .grand-total,
html[data-style-variant="carbon"] .dashboard-quote-table .money-cell,
html[data-style-variant="carbon"] .dashboard-quote-table .quote-number-link {
  color: #20262b;
}

html[data-style-variant="carbon"] .quote-action-tracking {
  border-top-color: #c9d0d3;
}

html[data-style-variant="carbon"] .quote-action-tracking > div {
  border-right-color: #c9d0d3;
}

html[data-style-variant="carbon"] .quote-profit-popover {
  background: #ffffff;
  border-color: #b8c2c6;
  box-shadow: 0 18px 42px rgba(32, 38, 43, 0.18);
}

html[data-style-variant="carbon"] .quote-profit-popover::before {
  background: #ffffff;
  border-color: #b8c2c6;
}

html[data-style-variant="carbon"] .quote-profit-popover-title,
html[data-style-variant="carbon"] .quote-profit-popover th,
html[data-style-variant="carbon"] .quote-profit-popover td {
  color: #20262b;
}

html[data-style-variant="carbon"] .quote-profit-popover th,
html[data-style-variant="carbon"] .quote-profit-popover td {
  border-bottom-color: #d5dbde;
}

html[data-style-variant="carbon"] .quote-profit-popover .quote-profit-total th,
html[data-style-variant="carbon"] .quote-profit-popover .quote-profit-total td {
  border-top-color: #b8c2c6;
}

html[data-style-variant="carbon"] .data-table,
html[data-style-variant="carbon"] .dashboard-quote-table,
html[data-style-variant="carbon"] .dashboard-action-table,
html[data-style-variant="carbon"] .print-items-table,
html[data-style-variant="carbon"] .public-items-table {
  background: #ffffff;
  color: #20262b;
}

html[data-style-variant="carbon"] th,
html[data-style-variant="carbon"] .data-table th,
html[data-style-variant="carbon"] .dashboard-quote-table th,
html[data-style-variant="carbon"] .dashboard-action-table th {
  background: #d7dedc;
  color: #20262b;
  border-color: #b9c2c6;
}

html[data-style-variant="carbon"] td,
html[data-style-variant="carbon"] .data-table td,
html[data-style-variant="carbon"] .dashboard-quote-table td,
html[data-style-variant="carbon"] .dashboard-action-table td {
  border-color: #d5dbde;
}

html[data-style-variant="carbon"] .dashboard-action-table tbody tr:hover,
html[data-style-variant="carbon"] .dashboard-quote-table tbody tr:hover {
  background: #eef2f1;
  filter: none;
}

html[data-style-variant="carbon"] .status-pill,
html[data-style-variant="carbon"] .dashboard-status-pill,
html[data-style-variant="carbon"] .quote-status-pill,
html[data-style-variant="carbon"] .response-status-pill {
  border: 1px solid rgba(32, 38, 43, 0.16);
  color: #20262b;
}

html[data-style-variant="carbon"] .dashboard-quote-table tbody tr.quote-row-accepted,
html[data-style-variant="carbon"] .accepted-pill,
html[data-style-variant="carbon"] .builder-response-guidance.accepted,
html[data-style-variant="carbon"] .response-status-pill.response-accepted {
  background: #dff3e6;
  color: #14532d;
}

html[data-style-variant="carbon"] .dashboard-quote-table tbody tr.quote-row-accepted {
  box-shadow: inset 4px 0 #22a35a;
}

html[data-style-variant="carbon"] .dashboard-quote-table tbody tr.quote-row-clarification,
html[data-style-variant="carbon"] .builder-response-guidance,
html[data-style-variant="carbon"] .clarification-pill,
html[data-style-variant="carbon"] .response-status-pill.response-clarification-requested {
  background: #fff0c7;
  color: #7c4a03;
}

html[data-style-variant="carbon"] .dashboard-quote-table tbody tr.quote-row-clarification {
  box-shadow: inset 4px 0 #d99016;
}

html[data-style-variant="carbon"] .dashboard-quote-table tbody tr.quote-row-declined,
html[data-style-variant="carbon"] .dashboard-quote-table tbody tr.quote-row-expired,
html[data-style-variant="carbon"] .declined-pill,
html[data-style-variant="carbon"] .expired-pill,
html[data-style-variant="carbon"] .response-status-pill.response-rejected {
  background: #ffe1e4;
  color: #8f1d28;
}

html[data-style-variant="carbon"] .dashboard-quote-table tbody tr.quote-row-declined,
html[data-style-variant="carbon"] .dashboard-quote-table tbody tr.quote-row-expired {
  box-shadow: inset 4px 0 #dc3345;
}

html[data-style-variant="carbon"] .dashboard-quote-table tbody tr.quote-row-awaiting,
html[data-style-variant="carbon"] .awaiting-pill,
html[data-style-variant="carbon"] .sent-pill {
  background: #dfeefd;
  color: #164e8a;
}

html[data-style-variant="carbon"] .dashboard-quote-table tbody tr.quote-row-awaiting {
  box-shadow: inset 4px 0 #3b82f6;
}

html[data-style-variant="carbon"] .dashboard-quote-table tbody tr.quote-row-pending,
html[data-style-variant="carbon"] .pending-pill,
html[data-style-variant="carbon"] .draft-pill,
html[data-style-variant="carbon"] .archived-pill {
  background: #e6eaec;
  color: #2f3a41;
}

html[data-style-variant="carbon"] .dashboard-quote-table tbody tr.quote-row-pending {
  box-shadow: inset 4px 0 #7b8790;
}

html[data-style-variant="carbon"] .danger-button,
html[data-style-variant="carbon"] .quote-view-page .danger-button,
html[data-style-variant="carbon"] .dashboard-quote-table .danger-button,
html[data-style-variant="carbon"] .quote-more-actions .danger-button {
  background: transparent;
  color: #9f1d2d;
  border-color: #f1a7af;
  box-shadow: none;
}

html[data-style-variant="carbon"] .danger-button:hover,
html[data-style-variant="carbon"] .quote-view-page .danger-button:hover,
html[data-style-variant="carbon"] .dashboard-quote-table .danger-button:hover,
html[data-style-variant="carbon"] .quote-more-actions .danger-button:hover {
  background: #ffe1e4;
}

html[data-style-variant="carbon"] .app-toast {
  background: #ffffff;
  border-color: #b8c2c6;
  color: #20262b;
  box-shadow: 0 18px 42px rgba(32, 38, 43, 0.18);
}

html[data-style-variant="carbon"] .app-toast-success .app-toast-icon,
html[data-style-variant="carbon"] .app-dialog-icon {
  background: #dff3e6;
  color: #14532d;
}

html[data-style-variant="carbon"] .app-toast-error .app-toast-icon,
html[data-style-variant="carbon"] .app-dialog-icon.is-danger {
  background: #ffe1e4;
  color: #8f1d28;
}

html[data-style-variant="carbon"] .app-dialog-overlay {
  background: rgba(32, 38, 43, 0.5);
}

html[data-style-variant="carbon"] .landing-page {
  background:
    radial-gradient(circle at 18% 8%, rgba(77, 127, 118, 0.13), transparent 28rem),
    linear-gradient(135deg, #eef0f1, #cfd5d8);
}

html[data-style-variant="carbon"] .landing-brand-mark,
html[data-style-variant="carbon"] .public-quote-logo-mark {
  background: #3d474d;
  color: #ffffff;
}

html[data-style-variant="carbon"] .style-variant-control {
  background: rgba(248, 250, 249, 0.95);
  border-color: #b8c2c6;
  box-shadow: 0 18px 42px rgba(32, 38, 43, 0.18);
}

html[data-style-variant="carbon"] .style-variant-label {
  color: #20262b;
}

html[data-style-variant="carbon"] .admin-modal {
  background: #f8faf9;
  border-color: #c7ced2;
  box-shadow: 0 28px 80px rgba(32, 38, 43, 0.28);
}

html[data-style-variant="carbon"] .admin-modal-heading {
  border-bottom-color: #c9d0d3;
}

html[data-style-variant="carbon"] .admin-modal-heading h2 {
  color: #22282d;
}

html[data-style-variant="carbon"] .admin-modal-close {
  background: transparent;
  color: #5d6972;
  box-shadow: none;
}

html[data-style-variant="carbon"] .admin-modal-close:hover {
  background: #e6eaec;
  color: #20262b;
}

html[data-style-variant="carbon"] .potential-customer-field span,
html[data-style-variant="carbon"] .potential-customer-list-heading span {
  color: #5d6972;
}

html[data-style-variant="carbon"] .potential-customer-detail-panel,
html[data-style-variant="carbon"] .potential-customer-form-section,
html[data-style-variant="carbon"] .potential-customer-list-item {
  background: #f1f4f3;
  border-color: #c9d0d3;
}

html[data-style-variant="carbon"] .potential-customer-form-section legend,
html[data-style-variant="carbon"] .potential-customer-detail-heading h3,
html[data-style-variant="carbon"] .potential-customer-list-title {
  color: #22282d !important;
}

html[data-style-variant="carbon"] .potential-customer-list-item.is-selected {
  border-color: #7b8790;
  box-shadow: 0 0 0 3px rgba(123, 135, 144, 0.18);
}

html[data-style-variant="carbon"] .potential-customer-list-item span {
  color: #5d6972;
}

html[data-style-variant="carbon"] .admin-task-grid,
html[data-style-variant="carbon"] .admin-task-empty {
  background: #f1f4f3;
  border-color: #c9d0d3;
}

html[data-style-variant="carbon"] .admin-task-grid-header {
  background: #d7dedc;
  border-bottom-color: #b9c2c6;
  color: #20262b;
}

html[data-style-variant="carbon"] .admin-task-cell {
  background: #ffffff;
  border-bottom-color: #d5dbde;
}

html[data-style-variant="carbon"] .admin-task-grid-row-main .admin-task-cell {
  background: #f1f4f3;
}

html[data-style-variant="carbon"] .admin-task-grid-row-main .admin-task-title-cell {
  border-left-color: #3d474d;
}

html[data-style-variant="carbon"] .admin-task-grid-row-subtask .admin-task-title-cell,
html[data-style-variant="carbon"] .admin-task-grid-row-subtask .admin-task-title-cell::before {
  border-left-color: #d99016;
  border-top-color: #d99016;
}

html[data-style-variant="carbon"] .admin-task-board-toolbar span,
html[data-style-variant="carbon"] .admin-task-muted-cell,
html[data-style-variant="carbon"] .admin-task-empty {
  color: #5d6972;
}

html[data-style-variant="carbon"] .potential-customer-empty {
  background: #f1f4f3;
  border-color: #c9d0d3;
  color: #5d6972;
}