/* Loja Verdade nº 1451 — Design tokens (azul royal + dourado maçônico) */
:root {
    /* Marca principal: azul royal do brasão */
    --me-brand: #1A3A6B;
    --me-brand-dark: #122A4F;
    --me-brand-hover: #0F2444;
    /* Dourado (esquadro, compasso, faixa) */
    --me-coral: #C9A227;       /* mantém o nome --me-coral por compatibilidade = dourado */
    --me-coral-dark: #A9851C;
    --me-gold: #C9A227;
    --me-gold-dark: #A9851C;
    --me-gold-light: #E2C868;
    /* Gradientes: azul -> dourado (assinatura da Loja) */
    --me-gradient: linear-gradient(90deg, #1A3A6B 0%, #2C5AA0 100%);
    --me-gradient-diagonal: linear-gradient(135deg, #1A3A6B 0%, #2C5AA0 100%);
    --me-gradient-gold: linear-gradient(90deg, #C9A227 0%, #E2C868 100%);
    --me-gradient-soft: linear-gradient(135deg, #eef3fb 0%, #ffffff 60%);
    --me-accent-blue: #2C5AA0;
    --me-accent-light: #5B8AD4;
    --me-accent-gradient: linear-gradient(90deg, #1A3A6B 0%, #2C5AA0 100%);
    --me-bg: #F7F8FA;
    --me-surface: #FFFFFF;
    --me-border: #E2E5EB;
    --me-text: #16213A;
    --me-text-2: #475067;
    --me-text-muted: #6B7488;
    --me-success: #16A34A;
    --me-warning: #D97706;
    --me-danger: #DC2626;
    --me-info: #2563EB;
    --me-radius: 12px;
    --me-radius-lg: 20px;
    --me-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
    --me-shadow-lg: 0 12px 40px rgba(15, 23, 42, 0.12);
    --me-shadow-brand: 0 5px 8px rgba(26, 58, 107, 0.22);
    --me-font: 'Poppins', system-ui, sans-serif;
    --me-sidebar: 252px;
    --me-sidebar-bg: #122A4F;       /* sidebar azul-marinho da Loja */
    --bs-primary: #1A3A6B;
    --bs-primary-rgb: 26, 58, 107;
    --bs-link-color: #1A3A6B;
    --bs-body-font-family: var(--me-font);
    --bs-border-radius: 12px;
}

/* Wordmark com gradiente da marca (azul). Para o destaque dourado, use .text-gold-gradient */
.text-brand-gradient {
    color: var(--me-brand);
}
.text-gold-gradient {
    color: var(--me-gold-dark);
}

/* Variante para fundos escuros/coloridos: texto branco sólido (legível). */
.text-brand-gradient.on-dark,
.on-dark .text-brand-gradient {
    color: var(--me-gold-light);
}

.bg-brand-gradient { background: var(--me-gradient); }

.btn-brand, .btn-primary-my {
    background: var(--me-gradient);
    border: none;
    color: #fff;
    border-radius: 999px;
    font-weight: 700;
    padding: 0.6rem 1.4rem;
    box-shadow: var(--me-shadow-brand);
    transition: transform 0.22s ease, box-shadow 0.22s ease, opacity 0.22s ease;
}
.btn-brand:hover, .btn-primary-my:hover {
    opacity: 0.97;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(26, 58, 107, 0.35);
}

/* Botão dourado (CTAs de destaque maçônico) */
.btn-gold {
    background: var(--me-gradient-gold);
    border: none;
    color: #16213A;
    border-radius: 999px;
    font-weight: 700;
    padding: 0.6rem 1.4rem;
    box-shadow: 0 8px 24px rgba(201, 162, 39, 0.3);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}
.btn-gold:hover { transform: translateY(-2px); color: #16213A; }