/* DutAIx brand tokens — add AFTER base.css so these override the old values.
   Source: final DutAIx logo. The old accent is removed everywhere. */
:root {
  /* Core (from logo) */
  --navy: #0C1E3A;          /* logo text on white, page header/footer */
  --brand: #2272B8;         /* "AI" on white; primary buttons and links */
  --primary: #2272B8;
  --sidebar-primary: #2272B8;
  --cyan: #2496D6;          /* "AI" on navy; focus ring, evidence */
  --evidence: #2496D6;
  --ring: #2496D6;
  --sidebar-ring: #2496D6;
  --paper-light: #F6F7F9;   /* logo text on navy */
  --on-navy: #F6F7F9;
  --amber: #D5A231;         /* the "finding" mark in the logo */

  /* The old accent now maps to brand blue */
  --plum: #2272B8;

  /* Header rule: cyan -> blue only. */
  --gradient-brand: linear-gradient(90deg, #2496D6, #2272B8);

  /* "Gap" status uses the logo amber (findings), with dark text for contrast */
  --gap: #D5A231;
  --gap-ink: #6E4A08;
  --gap-soft: #FBF3DF;
  --marker: rgba(213, 162, 49, 0.35);
}

/* Header and footer logo sizing */
.dutaix-header-inner{height:80px}
@media (min-width:640px){.dutaix-header-inner{height:96px}}
.dutaix-header-logo{width:200px;max-width:100%;height:auto}
@media (min-width:640px){.dutaix-header-logo{width:260px}}
.dutaix-footer-logo{width:240px;max-width:100%;height:auto}