/* static/css/ckeditor-bridge.css */

/* 
   Carrega o Tailwind CSS via CDN diretamente no iframe do editor.
   Isso garante que todas as classes (text-gold-600, p-4, etc.) funcionam.
*/
@import url('https://cdn.tailwindcss.com');

/* Importar as fontes (assumindo que usas Google Fonts ou similar) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap');

/* Definir as fontes globais dentro do editor */
body, .ck-editor__editable {
    font-family: 'Inter', sans-serif;
    color: #111827; /* Cinza escuro do teu tema */
    line-height: 1.6;
    font-size: 16px;
}

/* Estilos para Títulos (H1, H2, H3...) */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;
    color: #b8860b; /* Dourado Escuro para títulos */
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    font-weight: 700;
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.50rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1.125rem; }

/* Links */
a {
    color: #d4a028; /* Dourado Hari */
    text-decoration: underline;
    transition: color 0.2s;
}

a:hover {
    color: #996f0a; /* Dourado mais escuro ao passar o rato */
}

/* Listas */
ul, ol {
    padding-left: 1.5em;
    margin-bottom: 1em;
}

/* Citações */
blockquote {
    border-left: 4px solid #d4a028;
    padding-left: 1em;
    margin-left: 0;
    font-style: italic;
    color: #666;
    background-color: #f9f4d8; /* Fundo dourado claro */
    padding: 1em;
    border-radius: 4px;
}

/* Imagens */
figure.image {
    margin: 1em 0;
    text-align: center;
}

figure.image img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

figure.image figcaption {
    font-size: 0.9em;
    color: #666;
    margin-top: 0.5em;
}

/* Classes utilitárias para o editor (opcional) */
.text-gold { color: #d4a028; }
.bg-gold { background-color: #f9f4d8; }