/* LatamIA design tokens · official brand palette translated to accessible UI roles. */
:root {
  --color-ink: #0c0912;
  --color-ink-raised: #15101f;
  --color-ink-soft: #20162d;
  --color-surface: rgba(255, 255, 255, 0.055);
  --color-surface-strong: rgba(255, 255, 255, 0.09);
  --color-rule: rgba(248, 247, 251, 0.15);
  --color-rule-strong: rgba(196, 181, 253, 0.36);
  --color-text: #f8f7fb;
  --color-text-muted: #cbc4d4;
  --color-text-dim: #a49aaf;
  --color-brand-deep: #442470;
  --color-brand: #7f44ab;
  --color-brand-light: #906ddf;
  --color-brand-pale: #c4b5fd;
  --color-focus: #c4b5fd;
  --color-success: #b8f3dc;
  --color-danger: #ffb4ab;

  --font-display: "Montserrat", Arial, sans-serif;
  --font-body: "Inter", Arial, sans-serif;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.125rem;
  --text-lg: clamp(1.25rem, 1.1rem + 0.6vw, 1.55rem);
  --text-xl: clamp(1.75rem, 1.35rem + 1.5vw, 2.5rem);
  --text-2xl: clamp(2.25rem, 1.6rem + 3vw, 4.6rem);
  --text-display: clamp(3.1rem, 7.4vw, 7.4rem);

  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4.5rem;
  --space-3xl: 7rem;
  --space-4xl: clamp(7rem, 12vw, 12rem);

  --content-max: 76rem;
  --reading-nav-height: 7.5rem;
  --radius-sm: 0.75rem;
  --radius-card: 1.5rem;
  --radius-large: 2.25rem;
  --radius-pill: 999px;
  --shadow-violet: 0 1.5rem 5rem rgba(68, 36, 112, 0.35);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-short: 180ms;
  --dur-base: 300ms;
  --dur-reveal: 480ms;
  --dur-stagger: 60ms;
  --reveal-offset: 1.25rem;
}