/* Five brand colours (manual 06). Max two background colours per piece. */
:root {
  --petroleo: #0F3D3E;
  --teal: #2F8F86;
  --salmon: #F0977E;
  --uva: #4A3B78;
  --arena: #F7EBDA;

  /* Derived tints/shades — EXTENSION, not in the manual. Kept minimal and
     hue-locked to the five originals so UI can build surfaces and states. */
  --arena-100: #FCF6EC;
  --arena-300: #EEDFC9;
  --petroleo-900: #0A2C2D;
  --petroleo-700: #164E4F;
  --teal-700: #256F68;
  --teal-300: #7CBAB3;
  --salmon-700: #D97A60;
  --salmon-200: #F8CBBC;
  --uva-700: #3A2D60;
  --uva-200: #C9C1E0;

  /* Ink-on-ground alphas for rules, dividers and muted copy. */
  --petroleo-a08: rgba(15, 61, 62, 0.08);
  --petroleo-a16: rgba(15, 61, 62, 0.16);
  --petroleo-a60: rgba(15, 61, 62, 0.60);
  --arena-a16: rgba(247, 235, 218, 0.16);
  --arena-a70: rgba(247, 235, 218, 0.70);
}