/* GENERATED by crm/scripts/sync-brand-tokens.mjs — edit crm/src/assets/styles/brand-tokens.css instead. */
/**
 * Brand primitives — shared by the CRM, admin and website.
 * Edit here only, then run `npm run sync:brand` to copy to ../website/.
 * Rules: DESIGN.md. Mirrors: src/config/brandColors.js, backend/src/utils/brandColors.ts.
 */

:root {
  --brand-ink: #111111;
  --brand-ink-soft: #333333;
  --brand-paper: #ffffff;
  --brand-surface: #f5f5f5;
  --brand-surface-subtle: #fafafa;
  --brand-surface-muted: #ededed;
  --brand-line: #e5e5e5;
  --brand-line-strong: #949494;
  --brand-text-secondary: #4d4d4d;
  --brand-muted: #6b6b6b;

  --brand-red: #da291c;
  --brand-red-dark: #b01f14;

  --brand-danger: #b42318;
  --brand-danger-dark: #912018;
  --brand-danger-bg: #fef3f2;
  --brand-danger-border: #fecdca;
  --brand-success: #1f7a4d;
  --brand-success-dark: #175c3a;
  --brand-success-bg: #ecf7f1;
  --brand-success-border: #b7e0c8;
  --brand-warning: #b54708;
  --brand-warning-bg: #fffaeb;
  --brand-warning-border: #fedf89;
  --brand-info: #2e5a88;
  --brand-info-dark: #1f3f61;
  --brand-info-bg: #eff5fb;
  --brand-info-border: #c9dcee;

  --brand-font-sans:
    "Inter Variable", "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --brand-radius-sm: 2px;
  --brand-radius-md: 4px;
}