/* Design tokens — Les Amis d'Égypte. Palette from the logo: red #D20001, black, white. (2026-09-18) */
:root {
  --red: #d20001;
  --red-deep: #a80001;
  --red-tint: #fbe9e9;
  --ink: #111111;
  --ink-2: #333333;
  --ink-3: #555555;
  --ink-4: #6b6b6b;
  --paper: #ffffff;
  --paper-2: #f5f2ee;
  --paper-3: #ebe6df;
  --line: #e6e1da;
  --line-dark: #333333;
  --white: #ffffff;
  --on-dark: #d9d9d9;
  --on-dark-2: #bbbbbb;
  --whatsapp: #128c7e;
  --focus: #d20001;
  --color-error: #b3261e;

  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-text: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --radius: 18px;
  --radius-sm: 12px;
  --radius-pill: 999px;
  --shadow: 0 10px 40px rgba(17, 17, 17, .08);
  --shadow-lg: 0 -8px 30px rgba(0, 0, 0, .15);

  --container: 1296px;
  --gutter: 16px;
  --section: clamp(48px, 7vw, 96px);
  --gap: clamp(16px, 2vw, 24px);

  --fs-1: clamp(38px, 5.4vw, 74px);
  --fs-2: clamp(30px, 3.6vw, 48px);
  --fs-3: clamp(24px, 2.6vw, 40px);
  --fs-4: clamp(20px, 1.8vw, 26px);
  --fs-5: 20px;
  --fs-body: 17px;
  --fs-small: 14px;
  --fs-tiny: 13px;
  --fs-eyebrow: 13px;
}
@media (min-width: 64em) {
  :root { --gutter: 40px; }
}
@media (min-width: 90em) {
  :root { --gutter: 72px; }
}