/* Let's Media design tokens. Dark-first. Medidos no logo do Let's Money. */
:root {
  --bg: #17181A;
  --bg-deep: #101113;
  --surface-1: #1E1F22;
  --surface-2: #26282C;
  --rule: #2F3136;
  --rule-strong: #3C3E44;
  --text-1: #F7F7F5;
  --text-2: #C9C8C4;
  --text-3: #A3A3A0;
  --yellow: #FFDE00;
  --yellow-ink: #17181A;
  --pos: #5FCB92;
  --neg: #E88B8B;

  --font-display: "Instrument Serif", Georgia, "Times New Roman", serif;
  --font-body: "Archivo", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --fs-display: clamp(44px, 7.5vw, 104px);
  --fs-h1: clamp(38px, 5.6vw, 72px);
  --fs-h2: clamp(30px, 4.2vw, 52px);
  --fs-h3: clamp(20px, 2vw, 24px);
  --fs-lede: clamp(17px, 1.6vw, 21px);
  --fs-body: 16px;
  --fs-small: 14px;
  --fs-caption: 12px;
  --fs-bignum: clamp(52px, 9vw, 120px);

  --container: 1240px;
  --gutter: 20px;
  --section-y: 88px;
  --radius: 10px;
  --radius-lg: 18px;

  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --dur: .9s;
  color-scheme: dark;
}
@media (min-width: 768px) {
  :root { --gutter: 32px; --section-y: 128px; --fs-body: 17px; }
}