/* ════════════════════════════════════════════════════════════════
   otto-polish.css — finisaje partajate (Faza 1 quick wins)
   Aditiv, non-invaziv: tokeni de design + accesibilitate.
   Pas intermediar spre otto.css partajat (Faza 2).
   Vezi .claude/DESIGN.md pentru sursa de adevăr a valorilor.
   ════════════════════════════════════════════════════════════════ */

:root {
  /* Umbre stratificate cu tentă caldă (nu gri-plat) */
  --shadow-sm: 0 1px 2px rgba(26,20,14,.04), 0 2px 8px rgba(26,20,14,.06);
  --shadow-md: 0 4px 12px rgba(26,20,14,.08), 0 12px 28px rgba(26,20,14,.10);
  --shadow-lg: 0 8px 24px rgba(230,117,0,.10), 0 24px 60px rgba(26,20,14,.18);
  /* Radius unificat */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
  /* Timing */
  --dur-micro: 150ms;
  --dur-base: 250ms;
  --dur-slow: 400ms;
}

/* ── Accesibilitate: focus vizibil pe orice element clicabil ──
   Folosește --orange dacă există pe pagină; altfel fallback portocaliu brand. */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--orange, #FF8800);
  outline-offset: 3px;
  border-radius: 3px;
}

/* ── Skip to content (vizibil doar la focus cu tastatura) ── */
.skip-link {
  position: absolute; left: 1rem; top: -120%;
  z-index: 10000;
  background: var(--dark, #1A1A1A); color: #fff;
  padding: 0.7rem 1.2rem; border-radius: var(--radius-sm);
  font-family: 'DM Sans', system-ui, sans-serif; font-size: 0.9rem; font-weight: 500;
  text-decoration: none;
  transition: top var(--dur-base) cubic-bezier(.2,.85,.3,1);
}
.skip-link:focus-visible { top: 1rem; }