/**
 * CRM9 design tokens — derived from the official CRM9 logo palette.
 * Primary actions use royal blue from the mark; accents use teal/amber shards.
 */
:root {
  --crm9-primary: #2f6bff;
  --crm9-primary-hover: #1f56e5;
  --crm9-primary-soft: #e8efff;
  --crm9-teal: #0db4a8;
  --crm9-purple: #7b2cbf;
  --crm9-magenta: #e91e8c;
  --crm9-amber: #f5c518;
  --crm9-orange: #ff7a1a;
  --crm9-ink: #0b0b0b;
  --crm9-ink-muted: #5c6570;
  --crm9-surface: #ffffff;
  --crm9-surface-muted: #f4f6f8;
  --crm9-border: #e4e7ec;
  --crm9-radius: 10px;
  --crm9-radius-sm: 8px;
  --crm9-shadow: 0 10px 40px rgba(15, 23, 42, 0.08);
  --crm9-transition: 180ms ease;
  --crm9-font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --crm9-transition: 0ms;
  }
}