:root {
  /* StockNav brand variables */
  --brand-white: #FFFFFF;
  --brand-picton: #40ABED; /* Picton Blue */
  --brand-navy: #071C30;   /* Black Blue / Navy */
  --brand-blue: #2C74B3;   /* Blue */

  /* Default to dark theme */
  --color-bg: var(--brand-navy);
  --color-text: var(--brand-white);
  --color-accent-start: var(--brand-picton);
  --color-accent-end:   var(--brand-blue);
  --color-highlight: rgba(64, 171, 237, 0.14);
  --transition-duration: 0.6s;
  --line-height: 1px;
  --primary: var(--brand-blue);
}

[data-theme="light"] {
  /* Light theme */
  --color-bg: var(--brand-white);
  --color-text: var(--brand-navy);
  --color-accent-start: var(--brand-picton);
  --color-accent-end:   var(--brand-blue);
  --color-highlight: rgba(44, 116, 179, 0.12);
}