/* GENERATED COPY — run CustomerFrontEnd/scripts/sync-shared-design.cjs
 * Source SHA-256: 655a569d3951943555cac3cb59cebeff5fd7fd1ea052896428f3952ae04be531
 */
/* Canonical Customer palette. Sync with scripts/sync-shared-design.cjs. */
@layer plexe-shared-design {
  /* Defaults on html allow the theme service's inline tenant values to win. */
  :root {
    --cf-color-page: #f4f6fc;
    --cf-color-surface: #fff;
    --cf-color-border: #d8e0f3;
    --cf-color-text: #1f2933;
    --cf-color-text-muted: #616e7c;
    --cf-color-primary: #0267f3;
    --cf-color-surface-alt: #ecf0f9;
  }
  .plexe-design-system {
    --pds-primary: var(--wl-control-color, #0267f3);
    --pds-link: var(--wl-link-color, #0d6efd);
    --pds-link-hover: var(--wl-link-hover-color, #0a58ca);
    --pds-ink: var(--wl-heading-color, var(--cf-color-text, #1f2933));
    --pds-body: var(--wl-body-text-color, #212529);
    --pds-muted: var(--cf-color-text-muted, #616e7c);
    --pds-disabled: var(--wl-disabled-color, #a8b4c2);
    --pds-on-primary: var(--wl-button-text-color, #fff);
    --pds-field-border: var(--wl-input-border-color, #ced4da);
    --pds-soft: var(--wl-input-focus-background-color, #ecf0f9);
    --pds-shadow: 0 1px 3px var(--wl-control-shadow-color, rgba(0, 61, 220, .18));
    --pds-ring: 0 0 0 .2rem var(--wl-control-shadow-color, rgba(0, 61, 220, .18));
    --pds-surface: var(--cf-color-surface, #fff);
    --pds-border: var(--cf-color-border, #d8e0f3);
    --pds-canvas: var(--cf-color-page, #f4f6fc);
    --pds-danger: #dc3545;
    --pds-danger-hover: #bb2d3b;
    --pds-danger-border-hover: #b02a37;
    --pds-invalid-fill: #fff7f7;
    --pds-invalid-border: #b42318;
    --pds-invalid-ring: rgba(217, 45, 32, .12);
    --pds-table-shadow: rgba(7, 29, 53, .12);
    --partner-border: var(--pds-border);
    --partner-muted: var(--pds-muted);
    --partner-page: var(--pds-canvas);
    --partner-primary: var(--pds-primary);
    --partner-soft: var(--pds-soft);
    --partner-surface: var(--pds-surface);
    --partner-text: var(--pds-ink);
    --plexe-color-border: var(--pds-border);
    --plexe-color-canvas: var(--pds-canvas);
    --plexe-color-ink: var(--pds-ink);
    --plexe-color-muted: var(--pds-muted);
    --plexe-color-primary: var(--pds-primary);
    --plexe-color-surface: var(--pds-surface);
    --plexe-color-surface-alt: var(--pds-soft);
  }
}