/* ===========================
   DESIGN TOKENS — Bruno Lagartixa
   Paleta clara com acento vermelho e preto
   =========================== */
:root {
  --color-paper: #f4eee4;
  --color-paper-deep: #ebe3d4;
  --color-white: #fffdf8;
  --color-ink: #1c1412;
  --color-ink-soft: #5a4c46;
  --color-line: rgba(28, 20, 18, 0.12);

  --color-black: #140e0c;
  --color-black-soft: #1f1714;

  --color-red: #c41e3a;
  --color-red-deep: #8e1428;
  --color-red-soft: #f8d5d8;
  --color-red-hover: #e02a45;

  --gradient-red: linear-gradient(135deg, #e02a45 0%, #8e1428 100%);
  --gradient-paper: linear-gradient(180deg, #faf6ef 0%, #f0e8da 100%);

  --font-display: 'DM Sans', system-ui, sans-serif;
  --font-sans: 'DM Sans', system-ui, sans-serif;

  --container-max: 1180px;
  --section-y: clamp(4.25rem, 8vw, 7rem);
  --radius: 6px;

  --shadow-card: 0 18px 40px -24px rgba(28, 20, 18, 0.28);
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --t: 0.3s var(--ease);
}