/* CoreHub design token source of truth.
   Penpot token changes land here first; route and component CSS must use these
   custom properties rather than page-local colour or spacing literals. */
:root {
  --ch-bg: #ffffff;
  --ch-surface: #fff;
  --ch-surface-soft: #f8f8f8;
  --ch-surface-raised: #fcfcfc;
  --ch-line: #e5e5e5;
  --ch-line-strong: #d4d4d8;
  --ch-line-primary: #f2c9c0;
  --ch-line-subtle: #eeeeee;
  --ch-text: #0a0a0a;
  --ch-text-strong: #0a0a0a;
  --ch-text-control: #3f3f46;
  --ch-muted: #737373;
  --ch-muted-2: #a1a1aa;
  --ch-primary: #f0765a;
  --ch-primary-hover: #dc5d43;
  --ch-primary-soft: #fff0ed;
  --ch-primary-subtle: #fff9f7;
  --ch-focus-border: #e38471;
  --ch-success: #1f7a4d;
  --ch-success-soft: #edf9f1;
  --ch-warning: #9a5b13;
  --ch-warning-soft: #fff7e8;
  --ch-danger: #b9382f;
  --ch-danger-soft: #fff1ef;
  --ch-info: #1e5aa8;
  --ch-info-soft: #eff6ff;
  --ch-avatar-surface: #f7f4f2;
  --ch-avatar-border: #edddd7;
  --ch-role-border: #f0a18f;
  --ch-role-text: #c85139;
  --ch-radius-sm: 6px;
  --ch-radius: 12px;
  --ch-radius-lg: 16px;
  --ch-space-1: 4px;
  --ch-space-2: 8px;
  --ch-space-3: 12px;
  --ch-space-4: 16px;
  --ch-space-5: 20px;
  --ch-space-6: 24px;
  --ch-space-7: 28px;
  --ch-space-8: 32px;
  --ch-control-min: 38px;
  --ch-icon: 20px;
  --ch-shadow: 0 1px 2px rgba(37, 38, 41, .04), 0 8px 24px rgba(37, 38, 41, .035);
  --ch-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);
  --ch-shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
  --ch-shadow-login: 0 16px 40px rgba(37, 38, 41, .08);
  --ch-shadow-popover: 0 18px 48px rgba(37, 38, 41, .18);
  --ch-shadow-overlay: 0 24px 70px rgba(37, 38, 41, .2);
  --ch-focus-ring: 0 0 0 3px rgba(241, 107, 80, .14);

  /* Reference-matched qualitative chart palette (5-color, from the
     Yuhome OMS dashboard reference). Use for any future charts so
     both systems read as one product family. */
  --ch-chart-1: #e76e50;
  --ch-chart-2: #2a9d90;
  --ch-chart-3: #274754;
  --ch-chart-4: #e8c468;
  --ch-chart-5: #f4a462;

  /* Existing functional modules consume these aliases; they resolve to tokens. */
  --ch-blue: var(--ch-primary);
  --ch-blue-dark: var(--ch-primary-hover);
  --ch-green: var(--ch-success);
  --ch-orange: var(--ch-warning);
  --ch-purple: var(--ch-info);
  --ch-red: var(--ch-danger);
  --ch-cyan: var(--ch-info);
  --ch-ink: var(--ch-text);
  --ch-soft: var(--ch-surface-soft);
  --ops-bg: var(--ch-bg);
  --ops-surface: var(--ch-surface);
  --ops-soft: var(--ch-surface-soft);
  --ops-line: var(--ch-line);
  --ops-line-strong: var(--ch-line-strong);
  --ops-text: var(--ch-text);
  --ops-muted: var(--ch-muted);
  --ops-blue: var(--ch-primary);
  --ops-blue-dark: var(--ch-primary-hover);
  --ops-green: var(--ch-success);
  --ops-orange: var(--ch-warning);
  --ops-purple: var(--ch-info);
  --ops-red: var(--ch-danger);
  --ops-cyan: var(--ch-info);
  --ops-radius: var(--ch-radius);
  --ops-shadow: var(--ch-shadow);
}