/* Explain: Design tokens and theme colors for the website's aesthetic. */
:root {
  --paper: #f2f1ec;
  --ink: #0a0a0a;
  --line: rgba(10, 10, 10, .2);
  --pad: clamp(20px, 3.2vw, 56px);

  /* Typography */
  --font-heading: Inter, Cairo, Arial, sans-serif;
  --font-body: Inter, Cairo, Arial, sans-serif;

  /* Campaign landing pages — DMA brand system */
  --lp-canvas: #ffffff;
  --lp-ink: #130C0E;
  --lp-mist: #f4f5f6;
  --lp-line: rgba(19, 12, 14, .12);
  --lp-line-inverse: rgba(255, 255, 255, .22);
  --lp-accent: #FECE00;
  --lp-turq: #00A7BA;
  --lp-green: #7DB728;
  --lp-pink: #E73665;
  --lp-muted: rgba(19, 12, 14, .68);
  --lp-muted-2: rgba(19, 12, 14, .46);
  --lp-placeholder: rgba(19, 12, 14, .35);
  --lp-shadow: rgba(19, 12, 14, .08);
}