/* ============================================================
 * SynckPro · Tema base (frontend)
 * Siempre cargado. Tokens, reset y utilidades mínimas.
 * ============================================================ */
:root {
  --synck-core: #0157fe;
  --synck-core-700: #013fb8;
  --synck-core-400: #4d86ff;
  --synck-white: #ffffff;
  --synck-gray-950: #0c0d10;
  --synck-gray-900: #1a1b1e;
  --synck-gray-600: #5f6570;
  --synck-gray-500: #6b7280;
  --synck-gray-300: #e2e4e9;
  --synck-gray-100: #f4f4f2;
  --synck-radius-m: 16px;
  --synck-radius-s: 12px;
  --synck-font: "Outfit", "Outfit-fallback", "Figtree", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --synck-mono: "DM Mono", ui-monospace, monospace;
  --synck-header-h: 72px;
  --synck-container: 1280px;
}

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: var(--synck-font);
  color: var(--synck-gray-900);
  background: var(--synck-white);
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
}

img { max-width: 100%; display: block; }
a { color: inherit; }
button { font: inherit; cursor: pointer; }

.synck-container {
  width: min(var(--synck-container), 100% - 48px);
  margin-inline: auto;
}

.sr-only {
  position: absolute; width: 1px; height: 1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}