:root {
  /* Brand */
  --color-brand-dark:    #1a1a2e;
  --color-brand-red:     #c0392b;

  /* Primary (blue) */
  --color-primary:       #1976d2;
  --color-primary-dark:  #1565c0;
  --color-primary-darker:#0d47a1;
  --color-primary-light: #e3f2fd;
  --color-primary-faint: #bbdefb;

  /* Success (green) */
  --color-success:       #2e7d32;
  --color-success-dark:  #1b5e20;

  /* Danger (red) */
  --color-danger:        #dc2626;
  --color-danger-dark:   #b71c1c;
  --color-danger-faint:  #fef2f2;

  /* Neutrals */
  --color-text:          #111827;
  --color-text-secondary:#374151;
  --color-text-muted:    #6b7280;
  --color-text-placeholder: #9ca3af;

  --color-bg:            #fffcf9;
  --color-bg-card:       #ffffff;
  --color-bg-subtle:     #f9fafb;
  --color-bg-faint:      #f3f4f6;

  --color-border:        #e5e7eb;
  --color-border-input:  #d1d5db;

  /* Upgrade bar (purple — intentional one-off) */
  --color-upgrade-bg:    #f0edff;
  --color-upgrade-border:#c4b8f5;
  --color-upgrade-accent:#5b21b6;
}