:root {
  --ipay-primary: #ff7f50;
  --ipay-primary-hover: #e67348;
  --ipay-primary-soft: #fff4e6;
  --ipay-primary-border: #ffccbc;
  --ipay-focus-ring: rgba(255, 127, 80, 0.18);
  --ipay-background: #f8f9fa;
  --ipay-surface: #ffffff;
  --ipay-surface-muted: #f8f9fa;
  --ipay-surface-warm: #fffaf5;
  --ipay-border: #e0e0e0;
  --ipay-border-strong: #cccccc;
  --ipay-text-primary: #333333;
  --ipay-text-secondary: #666666;
  --ipay-text-muted: #888888;
  --ipay-success: #117a65;
  --ipay-success-accent: #2ecc71;
  --ipay-success-hover: #27ae60;
  --ipay-success-soft: #e8f8f5;
  --ipay-warning: #d35400;
  --ipay-warning-accent: #f39c12;
  --ipay-warning-soft: #fef9e7;
  --ipay-error: #c0392b;
  --ipay-error-accent: #e74c3c;
  --ipay-error-soft: #fdedec;
  --ipay-info: #2980b9;
  --ipay-info-soft: #ebf5fb;
  --ipay-sidebar-background: #232e3d;
  --ipay-sidebar-hover: #1a232e;
  --ipay-sidebar-active: rgba(255, 127, 80, 0.15);
  --ipay-sidebar-divider: #2c3e50;
  --ipay-sidebar-text: #b0bec5;
  --ipay-sidebar-text-active: #ffffff;

  --ipay-sidebar-width: 286px;
  --ipay-sidebar-collapsed-width: 84px;
  --ipay-topbar-height: 66px;
  --ipay-content-max-width: 1440px;
  --ipay-radius: 8px;
  --ipay-card-padding: 24px;
  --ipay-page-gap: 24px;
  --ipay-section-gap: 20px;

  --ipay-font-page-title: 26px;
  --ipay-font-section-title: 18px;
  --ipay-font-body: 14px;
  --ipay-font-small: 12px;
  --ipay-font-table: 13px;

  --ipay-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
  --ipay-shadow-soft: 0 4px 14px rgba(0, 0, 0, 0.05);
  --ipay-transition: 160ms ease;
  --ipay-button-height: 38px;
  --ipay-input-height: 40px;
  --ipay-table-row-height: 52px;

  --primary-orange: var(--ipay-primary);
  --dark-blue: var(--ipay-sidebar-background);
  --light-bg: var(--ipay-background);
  --text-dark: var(--ipay-text-primary);
  --border-color: var(--ipay-border);
  --accent-green: var(--ipay-success-accent);
  --danger-red: var(--ipay-error-accent);
  --warning-yellow: var(--ipay-warning-accent);
}