/* ── CSS custom properties (canónicas: refinement palette) ─────── */
:root {
  --ink:          #09090b;
  --muted:        #71717a;
  --muted-soft:   #a1a1aa;
  --paper:        #ffffff;
  --soft:         #f4f4f5;
  --line:         #e4e4e7;
  --dark:         #09090b;
  --dark-card:    #18181b;
  --purple:       #7c3aed;
  --purple-mid:   #6d28d9;
  --purple-light: #a78bfa;
  --purple-soft:  rgba(124, 58, 237, .09);
  --radius:       12px;
  --shadow-sm:    0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.05);
  --shadow:       0 4px 20px rgba(0,0,0,.08);
  --shadow-lg:    0 20px 60px rgba(0,0,0,.13);
  color-scheme: light;
}

/* ── Reset universal ────────────────────────────────────────────── */
* {
  box-sizing: border-box;
  letter-spacing: 0 !important;
}

html { scroll-behavior: smooth; }

body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-rendering: optimizeLegibility;
}

img, svg {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

button, input, select, textarea {
  font: inherit;
}

button, a, input, select, textarea {
  -webkit-tap-highlight-color: transparent;
}

:focus-visible {
  outline: 3px solid rgba(18, 103, 255, .45);
  outline-offset: 3px;
}

/* ── Acessibilidade ─────────────────────────────────────────────── */
.sr-only, .skip-link {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.skip-link:focus {
  z-index: 30;
  left: 1rem;
  top: 1rem;
  width: auto;
  height: auto;
  clip: auto;
  padding: .8rem 1rem;
  border-radius: .6rem;
  background: var(--ink);
  color: #fff;
}

/* ── Reveal: desativado (simplicidade) ─────────────────────────── */
[data-reveal] { opacity: 1; transform: none; }

/* ── Movimento reduzido ─────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }
}