/**
 * vars.css — Global CSS custom properties (design tokens)
 * Include on every page that needs colour/spacing tokens.
 */

:root {
  /* Brand colours */
  --blue:      #1a56db;
  --blue-lt:   #0ea5e9;
  --blue-bg:   #dbeafe;
  --blue-bg2:  #eff6ff;

  /* Surfaces */
  --surface:   #ffffff;
  --bg:        #f0f4f8;

  /* Borders */
  --border:    #e2e8f0;
  --border-lt: #f1f5f9;

  /* Text */
  --text:      #1e3a5f;
  --text-sub:  #64748b;
  --text-muted:#94a3b8;

  /* Semantic */
  --green:     #16a34a;
  --green-bg:  #dcfce7;
  --red:       #dc2626;
  --deep-red:  #842029;
  --red-bg:    #fee2e2;
  --amber:     #b45309;
  --amber-bg:  #fef9c3;

  /* Misc */
  --radius:    10px;
  --header-h:  62px;
}

.text-monospace{font-family: Consolas, 'Courier New', Courier, monospace;}