/* Granvine — tokens de marca (única fonte de verdade para cor, tipografia e espaço) */

:root {
  /* Cor */
  --c-bg: #ffffff;
  --c-bg-alt: #f7f7f7;
  --c-bg-dark: #0a0a0a;
  --c-text: #111111;
  --c-text-soft: #4a4a4a;
  --c-text-invert: #ffffff;
  --c-text-invert-soft: #c9c9c9;
  --c-line: #e2e2e2;
  --c-line-dark: #2b2b2b;

  /* Acento único da marca */
  --c-accent: #941fff;
  --c-accent-hover: #6000b8;
  --c-accent-soft: #f3e9ff;

  /* Estado */
  --c-error: #b3261e;
  --c-success: #0f7a4a;

  /* Tipografia */
  --f-display: "Raleway", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-body: "Raleway", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Escala tipográfica (1.25) */
  --t-xs: 0.8rem;
  --t-sm: 0.9rem;
  --t-base: 1rem;
  --t-md: 1.125rem;
  --t-lg: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --t-xl: clamp(1.5rem, 1.25rem + 1.2vw, 2rem);
  --t-2xl: clamp(1.85rem, 1.4rem + 2.2vw, 2.75rem);
  --t-3xl: clamp(2.25rem, 1.5rem + 3.6vw, 4rem);

  --lh-tight: 1.15;
  --lh-body: 1.65;

  /* Espaçamento (múltiplos de 4px) */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: 4rem;
  --s-9: 6rem;

  /* Layout */
  --wrap: 1120px;
  --wrap-narrow: 760px;
  --gutter: clamp(1rem, 4vw, 2rem);

  /* Forma */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 18px;
  --r-pill: 999px;

  /* Sombra */
  --sh-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
  --sh-md: 0 8px 24px rgba(0, 0, 0, 0.08);
  --sh-lg: 0 18px 48px rgba(0, 0, 0, 0.12);

  /* Movimento */
  --tr: 180ms ease;
}