/* 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 */
  --lp-canvas: #ffffff;
  --lp-ink: #0a0a0a;
  --lp-mist: #f4f5f6;
  --lp-line: rgba(10, 10, 10, .12);
  --lp-line-inverse: rgba(255, 255, 255, .22);
  --lp-accent: #0b6e63;
  --lp-placeholder: rgba(10, 10, 10, .35);
  --lp-shadow: rgba(10, 10, 10, .08);
}