/*
 * Tema de colores (azul cielo), tomado de grupocuarzohn.com/estacas/wasatch-meadows
 * Se carga después de index.css y solo reemplaza las variables de color.
 *   Principal  #097AAE   Oscuro #064674   Texto #18313F   Bordes #D1DFE5
 */
:root {
    --background: 0 0% 100%;
    --foreground: 202 45% 17%;
    --card: 0 0% 100%;
    --card-foreground: 202 45% 17%;
    --popover: 0 0% 100%;
    --popover-foreground: 202 45% 17%;
    --primary: 199 90% 36%;
    --primary-foreground: 0 0% 100%;
    --secondary: 197 45% 92%;
    --secondary-foreground: 202 45% 17%;
    --muted: 200 33% 95%;
    --muted-foreground: 200 15% 42%;
    --accent: 197 45% 91%;
    --accent-foreground: 202 45% 17%;
    --border: 200 28% 86%;
    --input: 200 28% 86%;
    --ring: 199 90% 36%;
}

/* ---------- Editor de texto enriquecido ---------- */
.rich-editor .ql-toolbar.ql-snow { border: 0; border-bottom: 1px solid hsl(var(--border)); background: #f8fafc; }
.rich-editor .ql-container.ql-snow { border: 0; font-size: 15px; font-family: inherit; }
.rich-editor .ql-editor { min-height: var(--rich-min, 160px); line-height: 1.7; color: #0f172a; }
.rich-editor .ql-editor.ql-blank::before { color: #94a3b8; font-style: normal; }

/* ---------- Contenido con formato: lo que index.css no trae ---------- */
.rich-text-content blockquote { border-left: 4px solid hsl(var(--primary)); padding-left: 1em; color: #475569; margin: .6em 0; }
.rich-text-content u { text-decoration: underline; }
.rich-text-content s { text-decoration: line-through; }
.rich-text-content .ql-align-center { text-align: center; }
.rich-text-content .ql-align-right { text-align: right; }
.rich-text-content .ql-align-justify { text-align: justify; }
.rich-text-content .ql-indent-1 { padding-left: 3em; }
.rich-text-content .ql-indent-2 { padding-left: 6em; }