/**
 * Simberk — Base
 * Estilos globales que aplican al sitio (blog + contenido Elementor) y flip de la
 * paleta clara de Astra a modo oscuro. Depende de tokens.css.
 */

/* Flip de la paleta de Astra: pinta body/header/footer/containers con estas vars. */
:root {
  --ast-global-color-0: var(--sk-accent);
  --ast-global-color-1: var(--sk-accent-hover);
  --ast-global-color-2: var(--sk-text);
  --ast-global-color-3: var(--sk-text-2);
  --ast-global-color-4: var(--sk-bg);
  --ast-global-color-5: var(--sk-surface);
  --ast-global-color-6: var(--sk-bg-alt);
  --ast-global-color-7: var(--sk-border);
  --ast-global-color-8: var(--sk-border-soft);
}

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  background: var(--sk-bg);
  color: var(--sk-text-2);
  font-family: var(--sk-font-body);
  line-height: var(--sk-lh-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* El shell de Astra transparente para dejar ver el fondo oscuro */
.site,
#page,
#content,
.ast-container {
  background: transparent;
}

/* Titulares */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--sk-font-head);
  color: var(--sk-text);
  font-weight: 700;
  letter-spacing: var(--sk-ls-tight);
  line-height: 1.1;
}
h1 { font-weight: 800; letter-spacing: var(--sk-ls-tighter); }

/* Texto */
p { margin: 0 0 1.2em; }
strong, b { color: var(--sk-text); font-weight: 600; }

/* Enlaces */
a { color: var(--sk-accent); text-decoration: none; transition: color .15s ease; }
a:hover, a:focus { color: var(--sk-accent-hover); }

/* Selección / scrollbar / foco */
::selection { background: var(--sk-accent); color: #fff; }
* { scrollbar-color: #1b2536 transparent; scrollbar-width: thin; }
::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-track { background: var(--sk-bg-alt); }
::-webkit-scrollbar-thumb { background: #1b2536; border: 3px solid var(--sk-bg-alt); border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #26344c; }
:focus-visible { outline: 2px solid var(--sk-accent); outline-offset: 2px; }

/* Media */
img { max-width: 100%; height: auto; }

/* Campos de formulario (global) */
input:not([type="submit"]):not([type="button"]),
textarea,
select {
  background: var(--sk-bg);
  color: var(--sk-text);
  border: 1px solid var(--sk-border);
  border-radius: var(--sk-radius);
  font-family: inherit;
}
input::placeholder, textarea::placeholder { color: var(--sk-text-3); }
input:focus, textarea:focus, select:focus { border-color: var(--sk-accent); outline: none; }