/* ── HubSecure Design Tokens ── canonical from 01-design-tokens.md ── */
:root {
  /* Surfaces */
  --surface-page:    #050514;
  --surface-shell:   #1A1627;
  --surface-inset:   #13101d;
  --surface-card:    rgba(26, 22, 39, 0.7);
  --surface-elev:    rgba(26, 22, 39, 0.4);
  --surface-hover:   rgba(255, 255, 255, 0.05);

  /* Borders */
  --border-strong:        #432981;
  --border-card:          #2D2840;
  --border-soft:          rgba(67, 41, 129, 0.3);
  --border-input:         rgba(255, 255, 255, 0.10);
  --border-input-hover:   rgba(235, 143, 255, 0.35);
  --border-input-focus:   rgba(235, 143, 255, 0.7);

  /* Brand / Accent */
  --brand-primary:        #3F1E8D;
  --brand-primary-hover:  #4C24A5;
  --accent:               #EB8FFF;
  --accent-soft:          #E096FF;
  --accent-bg-soft:       rgba(235, 143, 255, 0.12);
  --accent-bg-strong:     rgba(63, 30, 141, 0.3);

  /* Text */
  --text-primary:  #fff;
  --text-body:     #e7eaf4;
  --text-soft:     #cdd4e6;
  --text-muted:    #8A92A6;
  --text-muted-2:  #888799;

  /* Status */
  --success-bg:   rgba(74, 222, 128, 0.18);
  --success-fg:   #7be492;
  --success-bd:   rgba(74, 222, 128, 0.35);
  --warning-bg:   rgba(255, 183, 77, 0.18);
  --warning-fg:   #ffd193;
  --warning-bd:   rgba(255, 183, 77, 0.4);
  --danger-bg:    rgba(244, 63, 94, 0.20);
  --danger-fg:    #ff9eb1;
  --danger-bd:    rgba(244, 63, 94, 0.4);
  --info-bg:      rgba(110, 165, 255, 0.18);
  --info-fg:      #9ec4ff;
  --info-bd:      rgba(110, 165, 255, 0.35);

  /* Radii */
  --r-pill: 999px;
  --r-card: 12px;
  --r-input: 10px;

  /* Module accent colors (from pitch deck) */
  --mod-aml:     #EB8FFF;   /* purple */
  --mod-crm:     #22c55e;   /* green */
  --mod-vault:   #14b8a6;   /* teal */
  --mod-service: #06b6d4;   /* cyan */
  --mod-task:    #eab308;   /* yellow */
  --mod-incident:#ef4444;   /* red */
  --mod-chatbot: #ec4899;   /* pink */
  --mod-growth:  #00d68f;   /* green growth */
  --mod-rev:     #06b6d4;   /* revenue engine cyan */

  /* Shadows */
  --shadow-dialog: 0 20px 50px rgba(0, 0, 0, 0.55);
  --shadow-card:   0 3px 0 #432981;
}