/* REAJUSTAR — Design tokens v1.0.0 (fonte: brand_config.json) */
:root {
  /* Cores */
  --rj-black: #0B0B0B;
  --rj-ink: #1A1A1A;
  --rj-graphite: #161616;
  --rj-gold: #BC873B;
  --rj-gold-light: #DDB476;
  --rj-gold-deep: #9A6D2C;
  --rj-offwhite: #F7F5F0;
  --rj-white: #FFFFFF;
  --rj-gray-text: #5F5F5F;
  --rj-gray-border: #E6E2DA;
  --rj-success: #2E7D4F;
  --rj-error: #B3261E;

  /* Tipografia */
  --rj-font-display: "Manrope", Arial, Helvetica, sans-serif;
  --rj-font-text: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --rj-h1: clamp(2rem, 1.2rem + 3vw, 3rem);
  --rj-h2: clamp(1.625rem, 1.1rem + 2vw, 2.25rem);
  --rj-h3: 1.375rem;
  --rj-body: 1.0625rem;
  --rj-small: 0.875rem;
  --rj-eyebrow: 0.8125rem;

  /* Espaço e forma */
  --rj-unit: 8px;
  --rj-container: 1200px;
  --rj-gutter: 24px;
  --rj-section-y: clamp(64px, 8vw, 96px);
  --rj-radius-card: 16px;
  --rj-radius-btn: 8px;
  --rj-shadow-card: 0 1px 2px rgba(11,11,11,.04), 0 12px 32px rgba(11,11,11,.06);

  /* Semântica (tema claro padrão) */
  --rj-bg: var(--rj-offwhite);
  --rj-surface: var(--rj-white);
  --rj-text: var(--rj-ink);
  --rj-text-muted: var(--rj-gray-text);
  --rj-border: var(--rj-gray-border);
  --rj-accent: var(--rj-gold);
  --rj-accent-text: var(--rj-gold-deep);

  --rj-motion: 200ms ease;
}

/* Seções escuras */
.rj-dark {
  --rj-bg: var(--rj-black);
  --rj-surface: var(--rj-graphite);
  --rj-text: var(--rj-white);
  --rj-text-muted: #B9B4AA;
  --rj-border: #2A2A2A;
  --rj-accent-text: var(--rj-gold-light);
  background: var(--rj-bg);
  color: var(--rj-text);
}

@media (prefers-reduced-motion: reduce) {
  :root { --rj-motion: 0ms; }
}