/* =========================================================================
   Brand colors — replace these placeholder values with your company's codes.
   Everything else in style.css reads from these variables.
   ========================================================================= */
:root {
  --brand-primary:   #1a134b; /* REPLACE: main brand color (headings, primary buttons, top bar) */
  --brand-secondary: #59BEC9; /* REPLACE: secondary color (links, company name, spinner)        */
  --brand-accent:    #006980; /* REPLACE: accent color (completed steps, success)               */
  --brand-danger:    #A33A2B; /* REPLACE: warning/destructive color (Close & discard)           */
  --page-background: #F7F3EA; /* REPLACE: page background                                       */
  --card-background: #e8e3df;
  --text-strong:     #1a134b;
  --text-body:       #4F5D6B;
  --text-muted:      #6B7782;
  --border:          #1a134b;
  --brand-font: "DM Sans", Arial, Helvetica, sans-serif; /* REPLACE if you use a web font */
}