/* Canonical ERP visual tokens. Catalogue is the design reference, not a second runtime theme. */
.erp-theme {
  color-scheme: light;
  --erp-rgb-canvas: 246.458, 243.933, 238.042;
  --erp-color-canvas: rgb(var(--erp-rgb-canvas));
  --erp-rgb-surface: 251.94, 250.852, 247.86;
  --erp-color-surface: rgb(var(--erp-rgb-surface));
  --erp-rgb-muted-surface: 235.11, 230.996, 223.89;
  --erp-color-muted-surface: rgb(var(--erp-rgb-muted-surface));
  --erp-rgb-secondary-surface: 233.963, 228.82, 219.937;
  --erp-color-secondary-surface: rgb(var(--erp-rgb-secondary-surface));
  --erp-rgb-hover: 237.252, 226.97, 211.548;
  --erp-color-hover: rgb(var(--erp-rgb-hover));
  --erp-rgb-selected: 237.252, 226.97, 211.548;
  --erp-color-selected: rgb(var(--erp-rgb-selected));
  --erp-rgb-text: 24.99, 31.416, 46.41;
  --erp-color-text: rgb(var(--erp-rgb-text));
  --erp-rgb-muted: 85.272, 92.249, 108.528;
  --erp-color-muted: rgb(var(--erp-rgb-muted));
  --erp-rgb-inverse: 248.88, 246.432, 240.72;
  --erp-color-inverse: rgb(var(--erp-rgb-inverse));
  --erp-rgb-primary: 31.62, 43.248, 70.38;
  --erp-color-primary: rgb(var(--erp-rgb-primary));
  --erp-rgb-primary-hover: 42.687, 58.385, 95.013;
  --erp-color-primary-hover: rgb(var(--erp-rgb-primary-hover));
  --erp-rgb-primary-active: 22.134, 30.274, 49.266;
  --erp-color-primary-active: rgb(var(--erp-rgb-primary-active));
  --erp-rgb-accent: 226.95, 100.98, 28.05;
  --erp-color-accent: rgb(var(--erp-rgb-accent));
  --erp-rgb-accent-text: 163.404, 72.706, 20.196;
  --erp-color-accent-text: rgb(var(--erp-rgb-accent-text));
  --erp-rgb-focus: 181.56, 80.784, 22.44;
  --erp-color-focus: rgb(var(--erp-rgb-focus));
  --erp-rgb-border: 222.36, 216.376, 206.04;
  --erp-color-border: rgb(var(--erp-rgb-border));
  --erp-rgb-card-border: 227.154, 221.394, 211.446;
  --erp-color-card-border: rgb(var(--erp-rgb-card-border));
  --erp-rgb-input-border: 133.722, 120.584, 100.878;
  --erp-color-input-border: rgb(var(--erp-rgb-input-border));
  --erp-rgb-success: 28.05, 73.95, 58.65;
  --erp-color-success: rgb(var(--erp-rgb-success));
  --erp-rgb-success-surface: 206.805, 231.795, 223.465;
  --erp-color-success-surface: rgb(var(--erp-rgb-success-surface));
  --erp-rgb-success-border: 140.25, 186.15, 170.85;
  --erp-color-success-border: rgb(var(--erp-rgb-success-border));
  --erp-rgb-warning: 104.04, 61.2, 18.36;
  --erp-color-warning: rgb(var(--erp-rgb-warning));
  --erp-rgb-warning-surface: 248.88, 232.56, 199.92;
  --erp-color-warning-surface: rgb(var(--erp-rgb-warning-surface));
  --erp-rgb-warning-border: 204.51, 176.97, 121.89;
  --erp-color-warning-border: rgb(var(--erp-rgb-warning-border));
  --erp-rgb-danger: 186.252, 57.895, 38.148;
  --erp-color-danger: rgb(var(--erp-rgb-danger));
  --erp-rgb-danger-text: 114.24, 39.984, 28.56;
  --erp-color-danger-text: rgb(var(--erp-rgb-danger-text));
  --erp-rgb-danger-surface: 248.88, 232.968, 230.52;
  --erp-color-danger-surface: rgb(var(--erp-rgb-danger-surface));
  --erp-rgb-danger-border: 212.925, 153.255, 144.075;
  --erp-color-danger-border: rgb(var(--erp-rgb-danger-border));
  --erp-rgb-info: 36.72, 51.408, 85.68;
  --erp-color-info: rgb(var(--erp-rgb-info));
  --erp-rgb-info-surface: 219.3, 225.42, 239.7;
  --erp-color-info-surface: rgb(var(--erp-rgb-info-surface));
  --erp-rgb-info-border: 153, 165.24, 193.8;
  --erp-color-info-border: rgb(var(--erp-rgb-info-border));
  --erp-rgb-special: 81.6, 53.04, 110.16;
  --erp-color-special: rgb(var(--erp-rgb-special));
  --erp-rgb-special-surface: 237.15, 230.903, 243.398;
  --erp-color-special-surface: rgb(var(--erp-rgb-special-surface));
  --erp-rgb-special-border: 178.5, 159.375, 197.625;
  --erp-color-special-border: rgb(var(--erp-rgb-special-border));
  --erp-rgb-sidebar: 24.276, 31.13, 47.124;
  --erp-color-sidebar: rgb(var(--erp-rgb-sidebar));
  --erp-rgb-sidebar-text: 237.15, 232.05, 221.85;
  --erp-color-sidebar-text: rgb(var(--erp-rgb-sidebar-text));
  --erp-rgb-sidebar-hover: 40.162, 48.195, 66.938;
  --erp-color-sidebar-hover: rgb(var(--erp-rgb-sidebar-hover));
  --erp-rgb-sidebar-border: 48.96, 56.304, 73.44;
  --erp-color-sidebar-border: rgb(var(--erp-rgb-sidebar-border));
  --erp-rgb-sidebar-accent: 231.438, 125.623, 64.362;
  --erp-color-sidebar-accent: rgb(var(--erp-rgb-sidebar-accent));
  --erp-color-backdrop: hsl(222 30% 14% / .5);
  --erp-color-on-dark-hover: hsl(0 0% 100% / .08);
  --erp-color-on-dark-border: hsl(0 0% 100% / .15);
  --erp-color-shadow: hsl(222 30% 14% / .12);
  --erp-color-dot: hsl(222 30% 14% / .045);
  --erp-font-sans: "Cat Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;
  --erp-font-serif: "Cat Fraunces", Georgia, serif;
  --erp-font-mono: "Cat JetBrains Mono", ui-monospace, Menlo, monospace;
  --erp-text-small: .75rem;
  --erp-text-table: .8125rem;
  --erp-text-compact: var(--erp-text-table);
  --erp-text-body: .875rem;
  --erp-text-large: 1rem;
  --erp-text-heading: 1.5rem;
  --erp-text-section: 1.125rem;
  --erp-line-small: 1rem;
  --erp-line-table: 1.125rem;
  --erp-line-body: 1.428571429;
  --erp-line-prose: 1.5;
  --erp-line-heading: 1.875rem;
  --erp-line-section: 1.5rem;
  --erp-line-card: 1.375rem;
  --erp-radius: .375rem;
  --erp-radius-small: .1875rem;
  --erp-radius-pill: 999px;
  --erp-badge-height: 22px;
  --erp-badge-font: 12px;
  --erp-badge-radius: 4px;
  --erp-badge-padding-x: 6px;
  --erp-space-1: .25rem;
  --erp-space-2: .5rem;
  --erp-space-3: .75rem;
  --erp-space-4: 1rem;
  --erp-space-5: 1.25rem;
  --erp-space-6: 1.5rem;
  --erp-space-8: 2rem;
  --erp-space-10: 2.5rem;
  --erp-space-12: 3rem;
  --erp-control-s: 1.75rem;
  --erp-control-m: 2rem;
  --erp-control-l: 2.75rem;
  --erp-control-size: var(--erp-control-m);
  --erp-control-font: var(--erp-text-body);
  --erp-control-line: 1.25rem;
  --erp-control-pad-x: .75rem;
  --erp-control-pad-y: .3125rem;
  --erp-control-s-line: 1.125rem;
  --erp-control-s-pad-y: .25rem;
  --erp-control-s-pad-x: .5rem;
  --erp-control-l-line: 1.5rem;
  --erp-control-l-pad-y: .5625rem;
  --erp-control-l-pad-x: 1rem;
  --erp-icon-s: .875rem;
  --erp-icon-m: 1rem;
  --erp-icon-l: 1.25rem;
  --erp-field-gap: var(--erp-space-3);
  --erp-panel-padding: var(--erp-space-3);
  --erp-section-gap: var(--erp-space-4);
  --erp-table-padding-y: .375rem;
  --erp-table-padding-x: .5rem;
  --erp-table-edit-padding-y: .1875rem;
  --erp-checkbox-size: 1rem;
  --erp-chip-height: 1.875rem;
  --erp-multi-select-height: 2.5rem;
  --erp-picker-control-height: var(--erp-control-m);
  --erp-picker-control-padding: var(--erp-control-pad-y) var(--erp-control-pad-x);
  --erp-picker-button-padding: var(--erp-control-pad-y) var(--erp-control-pad-x);
  --erp-picker-section-padding: var(--erp-panel-padding);
  --erp-picker-cell-padding: var(--erp-table-padding-y) var(--erp-table-padding-x);
  --erp-picker-gap: var(--erp-space-3);
  --erp-focus-width: 2px;
  --erp-focus-offset: 2px;
  --erp-shadow-raised: 0 .25rem 1rem var(--erp-color-shadow);
  --erp-duration: .15s;
  /* Match existing Bootstrap stacking contracts; native dialog remains in top layer. */
  --erp-z-dropdown: 1000;
  --erp-z-sticky: 1020;
  --erp-z-header: 1030;
  --erp-z-offcanvas: 1045;
  --erp-z-modal: 1055;
  --erp-z-toast: 1090;
}