/* PROMEXCOM logobook 1.0, pages 14–21.
   The logobook does not specify a body font. Arial is the project's UI choice.
   The logo stays a supplied graphic. Canvas animation has its own palette. */
:root {
  --brand-blue: #244785;
  --brand-red: #e02727;
  --brand-white: #ffffff;
  --brand-navy: #19375a;
  --brand-font: Arial, Helvetica, sans-serif;
}

body, button, input, textarea, select {
  font-family: var(--brand-font);
  font-style: normal;
}

input, textarea, select { font-weight: 400; }
button, input, textarea, select { color: inherit; }
input::placeholder, textarea::placeholder { color: inherit; opacity: 1; }
code, pre { font-family: var(--brand-font); }
table, thead, tbody, tfoot, tr { border-color: currentColor; }

button:focus-visible, a:focus-visible, summary:focus-visible {
  outline: 2px solid var(--brand-red);
  outline-offset: 3px;
}

::selection { color: var(--brand-white); background: var(--brand-blue); }