:root {
  /* Brand (logo) */
  --brand-blue-deep:   #003070;
  --brand-blue:        #004090;
  --brand-blue-accent: #0050A0;

  --brand-green-deep:   #007030;
  --brand-green:        #40A040;
  --brand-green-accent: #50B040;

  /* Neutrals */
  --white:         #FFFFFF;
  --logo-bg-light: #F0F0F0;

  /* UI System */
  --bg-app:   #F5F7FB;
  --surface:  #FFFFFF;
  --border:   #E5E7EB;

  --text:       #0F172A;
  --text-muted: #475569;

  /* Status */
  --success: #50B040;
  --warning: #F59E0B;
  --danger:  #EF4444;
  --info:    #0EA5E9;

  /* Mapping for main.css variables */
  --blue-700: var(--brand-blue-deep);
  --blue-600: var(--brand-blue);
  --blue-500: var(--brand-blue-accent);
  --blue-100: #dbeafe;
  --blue-50:  #eff6ff;

  --green-500: var(--brand-green);
  --green-400: var(--brand-green-accent);

  --bg-page:   var(--bg-app);
  --text-main: var(--text);
  --text-soft: var(--text-muted);
}