/**
 * Maison Mattos - Brand Styles
 * Identidade Visual: Cores, Fontes e Estilos
 */

/* ==========================================================================
   Variaveis de Marca - Maison Mattos
   ========================================================================== */

:root {
    /* Cores Principais */
    --mm-gold: #c9a227;
    --mm-gold-light: #e8d48a;
    --mm-gold-dark: #8f721a;
    --mm-black: #1C1B1A;
    --mm-cream: #F9F4EF;

    /* Gradientes */
    --mm-gradient-gold: linear-gradient(135deg, #c9a227 0%, #e8d48a 30%, #f5e6b8 50%, #e8d48a 70%, #c9a227 100%);
    --mm-gradient-gold-text: linear-gradient(135deg, #c9a227 0%, #e8d48a 50%, #c9a227 100%);

    /* Tipografia - Usando Cormorant Garamond (Google Fonts) */
    --mm-font-primary: 'Cormorant Garamond', Georgia, serif;
    --mm-font-secondary: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* ==========================================================================
   Classes de Tipografia
   ========================================================================== */

.font-brand {
    font-family: var(--mm-font-primary);
}

.font-body {
    font-family: var(--mm-font-secondary);
}

/* Titulo da marca com estilo elegante */
.brand-title {
    font-family: var(--mm-font-primary);
    letter-spacing: 0.15em;
    font-weight: 400;
}

/* ==========================================================================
   Classes de Cores
   ========================================================================== */

.text-mm-gold {
    color: var(--mm-gold);
}

.text-mm-black {
    color: var(--mm-black);
}

.text-mm-cream {
    color: var(--mm-cream);
}

.bg-mm-gold {
    background-color: var(--mm-gold);
}

.bg-mm-black {
    background-color: var(--mm-black);
}

.bg-mm-cream {
    background-color: var(--mm-cream);
}

/* ==========================================================================
   Gradiente Dourado Metalico
   ========================================================================== */

.gradient-gold {
    background: var(--mm-gradient-gold);
}

.gradient-gold-text {
    background: var(--mm-gradient-gold-text);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ==========================================================================
   Bordas e Sombras
   ========================================================================== */

.border-mm-gold {
    border-color: var(--mm-gold);
}

.shadow-mm {
    box-shadow: 0 4px 20px rgba(201, 162, 39, 0.15);
}

.shadow-mm-lg {
    box-shadow: 0 10px 40px rgba(201, 162, 39, 0.2);
}