/* GENERATED — do not edit.
   Source of truth: public.widget_catalog.accent_color(_dark) in the treebridge
   cluster DB. Regenerate with treebridge scripts/generate-widget-color-css.ts
   after changing a widget's colour; snsys.ai is static so this file is the
   build-time bridge.

   Usage:
     <a class="card" data-widget="shield"> ... </a>
     .card-icon        { color: var(--widget-accent); }
     .dark .card-icon  { color: var(--widget-accent-dark); }
     tint              { background: color-mix(in srgb, var(--widget-accent) 16%, transparent); }

   IDENTITY colour only — icons, badges, section accents, chart series.
   Actions (buttons, submits, CTAs) stay SNSYS brand teal #00d4aa on every
   surface so clickability is always one colour.

   Two ways in:
     [data-widget="shield"]        -> --widget-accent / --widget-accent-dark
     --w-shield / --w-shield-dark  -> global, name a widget directly

   34 widgets. */

:root {
  --w-access: #8b5cf6;
  --w-access-dark: #a78bfa;
  --w-analytics: #1d4ed8;
  --w-analytics-dark: #93c5fd;
  --w-bookkeeping: #15803d;
  --w-bookkeeping-dark: #86efac;
  --w-collections: #be185d;
  --w-collections-dark: #f9a8d4;
  --w-compliance: #57534e;
  --w-compliance-dark: #d6d3d1;
  --w-creative-studio: #d4a03c;
  --w-creative-studio-dark: #d4a03c;
  --w-crm: #0369a1;
  --w-crm-dark: #38bdf8;
  --w-customer-experience: #9333ea;
  --w-customer-experience-dark: #e9d5ff;
  --w-customer-intelligence: #b45309;
  --w-customer-intelligence-dark: #fbbf24;
  --w-datasync: #0e7490;
  --w-datasync-dark: #67e8f9;
  --w-email-marketing: #c2410c;
  --w-email-marketing-dark: #fdba74;
  --w-emergency: #ea580c;
  --w-emergency-dark: #f97316;
  --w-environmental: #065f46;
  --w-environmental-dark: #5eead4;
  --w-growth: #0ea5e9;
  --w-growth-dark: #0ea5e9;
  --w-guest-wifi: #16a34a;
  --w-guest-wifi-dark: #4ade80;
  --w-gym: #4d7c0f;
  --w-gym-dark: #bef264;
  --w-leadgen: #7b68ee;
  --w-leadgen-dark: #7b68ee;
  --w-leads: #a16207;
  --w-leads-dark: #fde047;
  --w-managed-network: #0f766e;
  --w-managed-network-dark: #2dd4bf;
  --w-newswire: #f472b6;
  --w-newswire-dark: #f472b6;
  --w-operations: #334155;
  --w-operations-dark: #cbd5e1;
  --w-outbound-engine: #b91c1c;
  --w-outbound-engine-dark: #fca5a5;
  --w-product-creator: #047857;
  --w-product-creator-dark: #6ee7b7;
  --w-production-studio: #fb923c;
  --w-production-studio-dark: #fb923c;
  --w-salon: #a21caf;
  --w-salon-dark: #f0abfc;
  --w-scheduling: #7c3aed;
  --w-scheduling-dark: #c4b5fd;
  --w-security: #dc2626;
  --w-security-dark: #f87171;
  --w-shield: #475569;
  --w-shield-dark: #94a3b8;
  --w-social: #db2777;
  --w-social-dark: #fda4af;
  --w-strategy: #6d28d9;
  --w-strategy-dark: #ddd6fe;
  --w-training: #4338ca;
  --w-training-dark: #a5b4fc;
  --w-voice: #00b4d8;
  --w-voice-dark: #00b4d8;
  --w-website: #2563eb;
  --w-website-dark: #3b82f6;
  --w-workforce: #1e3a8a;
  --w-workforce-dark: #bfdbfe;
}

[data-widget="access"] {
  --widget-accent: #8b5cf6;
  --widget-accent-dark: #a78bfa;
}
[data-widget="analytics"] {
  --widget-accent: #1d4ed8;
  --widget-accent-dark: #93c5fd;
}
[data-widget="bookkeeping"] {
  --widget-accent: #15803d;
  --widget-accent-dark: #86efac;
}
[data-widget="collections"] {
  --widget-accent: #be185d;
  --widget-accent-dark: #f9a8d4;
}
[data-widget="compliance"] {
  --widget-accent: #57534e;
  --widget-accent-dark: #d6d3d1;
}
[data-widget="creative-studio"] {
  --widget-accent: #d4a03c;
  --widget-accent-dark: #d4a03c;
}
[data-widget="crm"] {
  --widget-accent: #0369a1;
  --widget-accent-dark: #38bdf8;
}
[data-widget="customer-experience"] {
  --widget-accent: #9333ea;
  --widget-accent-dark: #e9d5ff;
}
[data-widget="customer-intelligence"] {
  --widget-accent: #b45309;
  --widget-accent-dark: #fbbf24;
}
[data-widget="datasync"] {
  --widget-accent: #0e7490;
  --widget-accent-dark: #67e8f9;
}
[data-widget="email-marketing"] {
  --widget-accent: #c2410c;
  --widget-accent-dark: #fdba74;
}
[data-widget="emergency"] {
  --widget-accent: #ea580c;
  --widget-accent-dark: #f97316;
}
[data-widget="environmental"] {
  --widget-accent: #065f46;
  --widget-accent-dark: #5eead4;
}
[data-widget="growth"] {
  --widget-accent: #0ea5e9;
  --widget-accent-dark: #0ea5e9;
}
[data-widget="guest-wifi"] {
  --widget-accent: #16a34a;
  --widget-accent-dark: #4ade80;
}
[data-widget="gym"] {
  --widget-accent: #4d7c0f;
  --widget-accent-dark: #bef264;
}
[data-widget="leadgen"] {
  --widget-accent: #7b68ee;
  --widget-accent-dark: #7b68ee;
}
[data-widget="leads"] {
  --widget-accent: #a16207;
  --widget-accent-dark: #fde047;
}
[data-widget="managed-network"] {
  --widget-accent: #0f766e;
  --widget-accent-dark: #2dd4bf;
}
[data-widget="newswire"] {
  --widget-accent: #f472b6;
  --widget-accent-dark: #f472b6;
}
[data-widget="operations"] {
  --widget-accent: #334155;
  --widget-accent-dark: #cbd5e1;
}
[data-widget="outbound-engine"] {
  --widget-accent: #b91c1c;
  --widget-accent-dark: #fca5a5;
}
[data-widget="product-creator"] {
  --widget-accent: #047857;
  --widget-accent-dark: #6ee7b7;
}
[data-widget="production-studio"] {
  --widget-accent: #fb923c;
  --widget-accent-dark: #fb923c;
}
[data-widget="salon"] {
  --widget-accent: #a21caf;
  --widget-accent-dark: #f0abfc;
}
[data-widget="scheduling"] {
  --widget-accent: #7c3aed;
  --widget-accent-dark: #c4b5fd;
}
[data-widget="security"] {
  --widget-accent: #dc2626;
  --widget-accent-dark: #f87171;
}
[data-widget="shield"] {
  --widget-accent: #475569;
  --widget-accent-dark: #94a3b8;
}
[data-widget="social"] {
  --widget-accent: #db2777;
  --widget-accent-dark: #fda4af;
}
[data-widget="strategy"] {
  --widget-accent: #6d28d9;
  --widget-accent-dark: #ddd6fe;
}
[data-widget="training"] {
  --widget-accent: #4338ca;
  --widget-accent-dark: #a5b4fc;
}
[data-widget="voice"] {
  --widget-accent: #00b4d8;
  --widget-accent-dark: #00b4d8;
}
[data-widget="website"] {
  --widget-accent: #2563eb;
  --widget-accent-dark: #3b82f6;
}
[data-widget="workforce"] {
  --widget-accent: #1e3a8a;
  --widget-accent-dark: #bfdbfe;
}