/* Theme overrides — Pullai × FormaGroup */
/* Paleta Pullai monocromática + acento coral del logo */

:root {
    --color-primary: #0a0a0a;
    --color-secondary: #2a2a2a;
    --color-accent: #6b6b6b;
    --color-light-gray: #b3b3b3;
    --color-bg-light: #f6f4f1;
    --color-border: #e4e0da;
    --color-text: #1f1f1f;
    --color-text-light: #6b6b6b;
    --color-coral: #FF325D;
}

/* Hero: gradiente negro con un toque del coral del logo */
.hero {
    background: radial-gradient(ellipse at 30% 70%, rgba(255,50,93,0.18) 0%, transparent 55%),
                linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
}

/* Hero logo: el favicon Pullai (ya viene con su color coral) */
.hero-logo { filter: none; }

/* Acento coral sólo en numeritos de sección y card-numbers */
.card-number { color: var(--color-coral); letter-spacing: 0.12em; font-weight: 500; }

/* Footer */
.footer { background: #0a0a0a; }
.footer-logo-img { filter: none; }

/* Callout con acento Pullai */
.callout { border-left-color: var(--color-coral); }

/* Tags del hero */
.hero .tag {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.18);
    color: rgba(255,255,255,0.9);
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 12px;
    letter-spacing: 0.04em;
}

/* Pricing highlight */
.price-tag {
    display: inline-block;
    padding: 4px 12px;
    background: var(--color-coral);
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.04em;
    font-size: 13px;
    border-radius: 4px;
}