:root {
  color-scheme: light;

  /* ERP Operator Design System v0.2 - IBM Carbon inspired via oh-my-design */
  --erp-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --erp-surface-canvas: #f7f8fa;
  --erp-surface-sidebar: #ffffff;
  --erp-surface-base: #ffffff;
  --erp-surface-panel: #ffffff;
  --erp-surface-subtle: #f4f6f8;
  --erp-surface-strong: #dde1e6;

  --erp-text: #161616;
  --erp-text-muted: #525252;
  --erp-border: #dde1e6;
  --erp-border-strong: #8d96a0;

  --erp-action: #0f62fe;
  --erp-action-strong: #0043ce;
  --erp-success: #24a148;
  --erp-success-strong: #0e6027;
  --erp-warning: #8a3800;
  --erp-danger: #da1e28;
  --erp-info: #0f62fe;
  --erp-role: #8a3ffc;

  --erp-success-surface: #defbe6;
  --erp-success-border: #24a148;
  --erp-warning-surface: #fcf4d6;
  --erp-warning-border: #f1c21b;
  --erp-danger-surface: #fff1f1;
  --erp-danger-border: #da1e28;
  --erp-info-surface: #edf5ff;
  --erp-info-border: #0f62fe;
  --erp-role-surface: #f6f2ff;
  --erp-role-border: #8a3ffc;

  --erp-radius-sm: 2px;
  --erp-radius-md: 5px;
  --erp-radius-lg: 6px;

  --erp-shadow-raised: 0 8px 24px rgba(22, 22, 22, 0.06);
  --erp-shadow-panel: 0 1px 2px rgba(22, 22, 22, 0.04);

  --erp-space-1: 4px;
  --erp-space-2: 8px;
  --erp-space-3: 12px;
  --erp-space-4: 16px;
  --erp-space-5: 22px;
  --erp-space-6: 28px;
  --erp-space-0: 0;
  --erp-space-half: 2px;
  --erp-space-inline-tight: 6px;

  --erp-control-height-sm: 32px;
  --erp-control-height-md: 40px;
  --erp-control-height-lg: 48px;
  --erp-border-width: 1px;
  --erp-border-none: 0;
  --erp-transparent: transparent;
  --erp-size-full: 100%;
  --erp-size-full-vh: 100vh;
  --erp-size-zero: 0;
  --erp-size-mobile-max: 100vw;
  --erp-layout-auto: auto;
  --erp-overflow-hidden: hidden;
  --erp-overflow-auto: auto;
  --erp-overflow-x-panel: auto;
  --erp-display-none: none;
  --erp-outline-none: none;
  --erp-grid-single: 1fr;
  --erp-grid-two-equal: 1fr 1fr;

  --erp-type-caption: 12px;
  --erp-type-body-sm: 14px;
  --erp-type-body: 16px;
  --erp-type-title: 20px;
  --erp-type-display: 32px;
  --erp-type-display-mobile: 23px;
  --erp-type-line-heading: 1.15;
  --erp-type-line-body: 1.5;
  --erp-type-line-card: 1.35;
  --erp-type-line-detail: 1.45;
  --erp-type-line-tight: 1;
  --erp-type-letter-spacing: 0;
  --erp-type-transform-eyebrow: uppercase;
  --erp-weight-normal: 400;
  --erp-weight-semibold: 700;
  --erp-weight-bold: 800;
  --erp-margin-none: 0;
  --erp-text-block-margin: var(--erp-margin-none);
  --erp-heading-margin: 0;
  --erp-copy-margin-top: 0;

  --erp-app-sidebar-width: 264px;
  --erp-app-shell-columns: var(--erp-app-sidebar-width) minmax(0, 1fr);
  --erp-app-sidebar-background: var(--erp-surface-sidebar);
  --erp-app-workspace-padding: 22px 28px 36px;
  --erp-app-workspace-padding-mobile: 18px 14px 28px;
  --erp-app-section-gap: 14px;
  --erp-app-status-gap: 12px;
  --erp-app-sidebar-gap: 24px;
  --erp-app-sidebar-padding: 22px 16px;
  --erp-app-sidebar-gap-mobile: 12px;
  --erp-app-topbar-gap: 18px;
  --erp-app-topbar-margin: 0 0 18px;
  --erp-eyebrow-margin: 0 0 var(--erp-card-meta-gap);

  --erp-brand-gap: 12px;
  --erp-brand-padding: 4px 6px;
  --erp-brand-mark-size: 38px;
  --erp-brand-mark-background: var(--erp-action);
  --erp-brand-mark-foreground: var(--erp-surface-base);
  --erp-brand-mark-border: var(--erp-action-strong);
  --erp-brand-scope-margin-top: 3px;

  --erp-nav-gap: 6px;
  --erp-nav-item-gap: 9px;
  --erp-nav-item-columns: var(--erp-nav-item-icon-size) 1fr auto;
  --erp-nav-item-padding: 8px 10px;
  --erp-nav-item-icon-size: 24px;
  --erp-nav-item-count-min: 24px;
  --erp-nav-count-padding: var(--erp-space-half) var(--erp-space-inline-tight);
  --erp-nav-mobile-padding-bottom: var(--erp-space-half);
  --erp-nav-item-background: transparent;
  --erp-nav-item-background-active: var(--erp-info-surface);
  --erp-nav-item-border: transparent;
  --erp-nav-item-border-active: var(--erp-action);
  --erp-nav-icon-background: var(--erp-surface-base);
  --erp-nav-count-background: var(--erp-surface-base);

  --erp-segment-gap: var(--erp-space-1);
  --erp-segment-padding: var(--erp-space-1);
  --erp-segment-background: var(--erp-surface-panel);
  --erp-segment-border: var(--erp-border-strong);
  --erp-segment-active-background: var(--erp-action);
  --erp-segment-active-foreground: var(--erp-surface-base);

  --erp-button-padding: 8px 12px;
  --erp-button-padding-compact: 8px 10px;
  --erp-icon-button-size: 40px;
  --erp-button-primary-background: var(--erp-action);
  --erp-button-primary-border: var(--erp-action-strong);
  --erp-button-primary-foreground: var(--erp-surface-base);
  --erp-button-secondary-background: var(--erp-surface-base);
  --erp-button-secondary-border: var(--erp-border-strong);
  --erp-button-secondary-foreground: var(--erp-text);
  --erp-button-quiet-border: var(--erp-border);
  --erp-button-quiet-foreground: var(--erp-text-muted);
  --erp-button-danger-background: var(--erp-danger);
  --erp-button-danger-border: var(--erp-danger);
  --erp-button-danger-foreground: var(--erp-surface-base);

  --erp-panel-padding: var(--erp-space-4);
  --erp-panel-background: var(--erp-surface-panel);
  --erp-panel-border: var(--erp-border);
  --erp-panel-radius: var(--erp-radius-lg);
  --erp-panel-shadow: var(--erp-shadow-raised);
  --erp-panel-note-margin: var(--erp-brand-scope-margin-top) 0 0;
  --erp-card-padding: var(--erp-space-3);
  --erp-card-background: var(--erp-surface-base);
  --erp-card-border: var(--erp-border);
  --erp-card-radius: var(--erp-radius-lg);
  --erp-state-surface: var(--erp-surface-subtle);
  --erp-stack-gap: 10px;
  --erp-card-meta-gap: 6px;
  --erp-card-meta-margin-top: 9px;
  --erp-card-detail-margin: 8px 0 0;
  --erp-card-detail-line-height: var(--erp-type-line-detail);
  --erp-list-selected-outline: 2px solid var(--erp-focus-ring);
  --erp-list-card-shadow: none;

  --erp-input-background: var(--erp-surface-base);
  --erp-input-border: var(--erp-border-strong);
  --erp-input-foreground: var(--erp-text);
  --erp-input-padding: 10px;
  --erp-input-padding-compact: 8px 10px;
  --erp-input-textarea-min-height: 88px;
  --erp-focus-ring: var(--erp-action);
  --erp-status-live: var(--erp-success);
  --erp-status-live-foreground: var(--erp-success-strong);
  --erp-status-dot-size: 9px;
  --erp-status-grid-columns: repeat(4, minmax(0, 1fr));
  --erp-content-grid-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
  --erp-content-wide-column: 1 / -1;
  --erp-option-selected-background: var(--erp-info-surface);
  --erp-option-selected-border: var(--erp-action);
  --erp-option-selected-foreground: var(--erp-text);
  --erp-message-user-surface: var(--erp-info-surface);
  --erp-message-user-border: var(--erp-info-border);
  --erp-message-assistant-surface: var(--erp-state-surface);
  --erp-badge-neutral-surface: var(--erp-surface-base);
  --erp-badge-neutral-border: var(--erp-border);
  --erp-badge-neutral-foreground: var(--erp-text-muted);
  --erp-badge-success-surface: var(--erp-success-surface);
  --erp-badge-success-border: var(--erp-success-border);
  --erp-badge-success-foreground: var(--erp-status-live-foreground);
  --erp-badge-warning-surface: var(--erp-warning-surface);
  --erp-badge-warning-border: var(--erp-warning-border);
  --erp-badge-warning-foreground: var(--erp-warning);
  --erp-badge-danger-surface: var(--erp-danger-surface);
  --erp-badge-danger-border: var(--erp-danger-border);
  --erp-badge-danger-foreground: var(--erp-danger);
  --erp-badge-info-surface: var(--erp-info-surface);
  --erp-badge-info-border: var(--erp-info-border);
  --erp-badge-info-foreground: var(--erp-info);
  --erp-badge-role-surface: var(--erp-role-surface);
  --erp-badge-role-border: var(--erp-role-border);
  --erp-badge-role-foreground: var(--erp-role);

  --erp-metric-padding: 14px;
  --erp-metric-value-size: 24px;
  --erp-metric-value-margin-top: 7px;
  --erp-metric-note-margin-top: var(--erp-space-1);
  --erp-chat-panel-min-height: 520px;
  --erp-chat-thread-min-height: 310px;
  --erp-chat-thread-max-height: 48vh;
  --erp-chat-thread-padding: var(--erp-space-half) var(--erp-space-half) 10px;
  --erp-chat-bubble-max-width: min(640px, 88%);
  --erp-chat-bubble-padding: var(--erp-space-3);
  --erp-chat-meta-margin-top: var(--erp-space-2);
  --erp-chat-composer-columns: minmax(0, 1fr) auto;
  --erp-composer-padding: var(--erp-space-2);
  --erp-composer-textarea-min-height: 44px;
  --erp-composer-textarea-max-height: 140px;
  --erp-resize-vertical: vertical;

  --erp-tabs-gap: 6px;
  --erp-tab-active-background: var(--erp-surface-subtle);
  --erp-capture-mode-min-height: 62px;
  --erp-capture-grid-columns: repeat(3, minmax(0, 1fr));
  --erp-field-grid-columns: repeat(2, minmax(0, 1fr));
  --erp-stepper-button-width: 38px;
  --erp-stepper-columns: var(--erp-stepper-button-width) minmax(0, 1fr) var(--erp-stepper-button-width);
  --erp-stepper-button-padding: 0;
  --erp-sample-row-columns: minmax(86px, 0.45fr) minmax(0, 1fr) auto;
  --erp-sample-row-gap: var(--erp-space-2);

  --erp-plant-summary-min-height: 118px;
  --erp-plant-summary-accent-width: 3px;
  --erp-plant-summary-value-size: 26px;
  --erp-plant-lane-columns: repeat(3, minmax(0, 1fr));
  --erp-plant-summary-columns: repeat(4, minmax(0, 1fr));
  --erp-plant-exception-columns: repeat(3, minmax(0, 1fr));
  --erp-plant-step-columns: 46px minmax(0, 1fr) auto;
  --erp-movement-row-columns: 48px minmax(120px, 0.45fr) minmax(0, 1fr) auto;
  --erp-capability-row-columns: minmax(220px, 1fr) minmax(170px, 0.55fr) auto;
  --erp-plant-lane-head-padding-bottom: 10px;
  --erp-row-border-last: 0;
  --erp-code-wrap: anywhere;

  --erp-table-min-width: 560px;
  --erp-table-width: 100%;
  --erp-table-collapse: collapse;
  --erp-table-cell-padding: 10px 8px;
  --erp-table-nowrap: nowrap;
  --erp-toggle-row-columns: minmax(180px, 1.1fr) minmax(180px, 0.75fr) repeat(3, minmax(80px, 0.35fr));
  --erp-toggle-row-padding: 10px 0;
  --erp-sr-size: 1px;
  --erp-sr-clip: rect(0, 0, 0, 0);
  --erp-white-space-nowrap: nowrap;

  --erp-toast-background: var(--erp-text);
  --erp-toast-foreground: var(--erp-surface-base);
  --erp-toast-border: var(--erp-text);
  --erp-toast-padding: 12px 14px;
  --erp-toast-offset: 22px;
  --erp-toast-max-width: min(420px, calc(100vw - 44px));
  --erp-toast-hidden-opacity: 0;
  --erp-toast-visible-opacity: 1;
  --erp-toast-translate-hidden: translateY(12px);
  --erp-toast-translate-visible: translateY(0);
  --erp-toast-pointer-events: none;
  --erp-transition-fast: 160ms ease;
  --erp-nav-mobile-min-width: 132px;
  --erp-persona-mobile-max-width: 360px;
  --erp-locale-mobile-flex: 1 1 100%;
  --erp-flex-fill: 1;

  /* Backward-compatible aliases for the current workbench layer. */
  --bg: var(--erp-surface-canvas);
  --panel: var(--erp-surface-panel);
  --panel-strong: var(--erp-surface-subtle);
  --ink: var(--erp-text);
  --muted: var(--erp-text-muted);
  --line: var(--erp-border);
  --line-strong: var(--erp-border-strong);
  --accent: var(--erp-action);
  --accent-dark: var(--erp-action-strong);
  --amber: var(--erp-warning);
  --red: var(--erp-danger);
  --blue: var(--erp-info);
  --violet: var(--erp-role);
  --green: var(--erp-success);
  --shadow: var(--erp-shadow-raised);
  --shadow-soft: var(--erp-shadow-panel);
}
