/* Megaphone PHX — CSS Custom Properties */

:root {
  /* Colors */
  --bgTone: #c3c3c3;
  --tangerine: #ffa600;
  --agedBlack: #322b25;
  --white: #ffffff;

  /* Opacity swatches */
  --swatch-1: rgba(0, 0, 0, 0.85);
  --swatch-2: rgba(0, 0, 0, 0.75);
  --swatch-3: rgba(0, 0, 0, 0.6);
  --swatch-4: rgba(0, 0, 0, 0.4);
  --swatch-5: rgba(0, 0, 0, 0.25);
  --swatch-6: #ffff00;
  --swatch-7: #3a3a3a;
  --swatch-8: #322b25;

  /* Breakpoint reference (used in JS, not in CSS calc) */
  --mobile-breakpoint: 512px;
}