/* Paleta y tipografía. Un único punto de cambio: --cl-accent.
   Se mapean también las variables de Blocksy (--theme-*) con :root:root
   para ganar a los estilos en línea del personalizador sin depender del
   orden de las hojas. */
:root, :root:root {
	--cl-ink:        #14181f;
	--cl-ink-soft:   #5b6472;
	--cl-line:       #e4e7ec;
	--cl-bg:         #ffffff;
	--cl-bg-soft:    #f6f7f9;
	--cl-accent:     #ff4d2e;   /* naranja camiseta */
	--cl-accent-ink: #ffffff;
	--cl-ok:         #12805c;
	--cl-radius:     14px;
	--cl-radius-sm:  10px;
	--cl-shadow:     0 1px 2px rgba(20,24,31,.06), 0 8px 24px rgba(20,24,31,.06);
	--cl-maxw:       1200px;

	--theme-font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--theme-text-color: var(--cl-ink);
	--theme-heading-color: var(--cl-ink);
	--theme-heading-1-color: var(--cl-ink);
	--theme-heading-2-color: var(--cl-ink);
	--theme-heading-3-color: var(--cl-ink);
	--theme-link-initial-color: var(--cl-ink);
	--theme-link-hover-color: var(--cl-accent);
	--theme-palette-color-1: var(--cl-accent);
	--theme-palette-color-2: #e63c1e;
	--theme-palette-color-3: var(--cl-ink);
	--theme-palette-color-4: var(--cl-ink-soft);
	--theme-palette-color-5: var(--cl-line);
	--theme-palette-color-6: var(--cl-bg-soft);
	--theme-palette-color-7: var(--cl-bg);
	--theme-button-background-initial-color: var(--cl-ink);
	--theme-button-background-hover-color: var(--cl-accent);
	--theme-button-text-initial-color: #fff;
	--theme-button-text-hover-color: #fff;
	--theme-button-border-radius: 999px;
	--theme-content-width: var(--cl-maxw);
	--theme-normal-container-max-width: var(--cl-maxw);
}
body { font-family: var(--theme-font-family); color: var(--cl-ink); background: var(--cl-bg); }
h1, h2, h3, .cl-display { font-family: "Space Grotesk", var(--theme-font-family); letter-spacing: -.02em; }