:root {
  /* Brand */
  --indigo-50: #EEF2FF;
  --indigo-100: #E0E7FF;
  --indigo-200: #C7D2FE;
  --indigo-300: #A5B4FC;
  --indigo-500: #4338CA;
  --indigo-600: #3730A3;
  --indigo-700: #312E81;
  --indigo-900: #1E1B4B;

  --accent-50: #FDF2F8;
  --accent-100: #FCE7F3;
  --accent-300: #F9A8D4;
  --accent-500: #C0268C;
  --accent-600: #A21CAF;
  --accent-700: #9D174D;

  --green-50: #F0FDF4;
  --green-100: #DCFCE7;
  --green-300: #86EFAC;
  --green-500: #16A34A;
  --green-600: #15803D;
  --green-700: #166534;

  --red-50: #FEF2F2;
  --red-100: #FEE2E2;
  --red-500: #DC2626;
  --red-600: #B91C1C;
  --red-700: #991B1B;

  --amber-50: #FFFBEB;
  --amber-100: #FEF3C7;
  --amber-500: #D97706;
  --amber-600: #B45309;
  --amber-700: #92400E;

  --navy: #0F172A;
  --slate: #334155;
  --slate-light: #64748B;

  --gray-25: #F8FAFC;
  --gray-50: #F1F5F9;
  --gray-100: #E2E8F0;
  --gray-150: #E2E8F0;
  --gray-200: #CBD5E1;
  --gray-400: #94A3B8;
  --gray-500: #64748B;
  --gray-600: #475569;
  --gray-700: #334155;
  --gray-800: #1E293B;
  --gray-900: #0F172A;
  --white: #FFFFFF;

  /* Semantic surfaces — glass corporate */
  --bg-page: #E8ECF3;
  --bg-card: var(--white);
  --bg-sidebar: #0B1220;
  --bg-chrome: rgba(255, 255, 255, 0.55);
  --border-default: rgba(15, 23, 42, 0.10);
  --border-subtle: rgba(15, 23, 42, 0.06);
  --border-strong: #8B95A5;

  --text-primary: var(--navy);
  --text-secondary: var(--slate);
  --text-muted: #64748B;
  --text-on-dark: #E2E8F0;
  --text-on-purple: var(--white);
  --text-on-brand: var(--white);

  --brand-primary: #4338CA;
  --brand-primary-hover: #3730A3;
  --brand-primary-active: #312E81;
  --brand-tint: #F5F6FA;
  --brand-tint-strong: #EBEDF5;

  --accent: #C0268C;
  --accent-hover: #A21CAF;
  --accent-tint: var(--accent-50);

  --whatsapp: var(--green-500);
  --whatsapp-hover: var(--green-600);
  --whatsapp-tint: var(--green-50);

  --accent-flash: var(--accent);

  --status-success: #16A34A;
  --status-error: #DC2626;
  --status-warning: #D97706;
  --status-success-tint: var(--green-50);
  --status-error-tint: var(--red-50);
  --status-warning-tint: var(--amber-50);

  --focus-ring: rgba(192, 38, 140, 0.20);

  --glass-bg: rgba(255, 255, 255, 0.78);
  --glass-bg-strong: rgba(255, 255, 255, 0.92);
  --glass-border: rgba(255, 255, 255, 0.65);
  --glass-shadow: 0 12px 32px rgba(15, 23, 42, 0.08), 0 1px 2px rgba(15, 23, 42, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  --glass-radius: 12px;

  /* Legacy purple aliases (views migrating off purple-*) */
  --purple-50: var(--indigo-50);
  --purple-100: var(--indigo-100);
  --purple-300: var(--indigo-300);
  --purple-500: var(--brand-primary);
  --purple-600: var(--brand-primary-hover);
  --purple-700: var(--brand-primary-active);
  --purple-900: var(--navy);

  --blue-50: var(--indigo-50);
  --blue-600: var(--brand-primary);
}