:root {
  /* === Master brand === */
  --domlab-primary: #3b82f6;

  /* === Sub-brand colors === */
  --synapse-primary: #3b82f6;
  --synapse-dark:    #1e40af;
  --synapse-light:   #dbeafe;

  --people-primary:  #475569;
  --people-dark:     #1e3a8a;
  --people-light:    #dbeafe;

  --nexa-primary:    #0d9488;
  --nexa-dark:       #134e4a;
  --nexa-light:      #ccfbf1;

  --ops-primary:     #ea580c;
  --ops-dark:        #9a3412;
  --ops-light:       #ffedd5;

  /* === Semantici condivisi === */
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-danger:  #dc2626;
  --color-info:    #3b82f6;

  /* === Neutri light theme === */
  --bg-light:             #f8fafc;
  --card-light:           #ffffff;
  --border-light:         #e2e8f0;
  --text-primary-light:   #0f172a;
  --text-secondary-light: #64748b;
  --text-tertiary-light:  #94a3b8;

  /* === Neutri dark theme === */
  --bg-dark:             #0f172a;
  --card-dark:           #1e293b;
  --border-dark:         #334155;
  --text-primary-dark:   #f1f5f9;
  --text-secondary-dark: #94a3b8;

  /* === Typography === */
  --font-sans: 'Inter Variable', 'Inter', system-ui, -apple-system,
               BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --fs-display:  48px;
  --fs-h1:       32px;
  --fs-h2:       24px;
  --fs-h3:       18px;
  --fs-body:     14px;
  --fs-label:    12px;
  --fs-caption:  11px;

  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;
}