/* ==========================================================
   SOCIALBURRACO BRAND SYSTEM
   Verde tavolo, oro caldo, superfici coerenti.
   ========================================================== */

:root {
    --bs-brand-green-950: #0d160f;
    --bs-brand-green-900: #122016;
    --bs-brand-green-800: #1b3524;
    --bs-brand-green-700: #274b32;
    --bs-brand-gold-500: #c8aa6d;
    --bs-brand-gold-300: #ead7aa;
    --bs-brand-ivory: #f4f1e8;
    --bs-brand-radius-sm: 10px;
    --bs-brand-radius-md: 15px;
    --bs-brand-radius-lg: 20px;
    --bs-brand-shadow:
        0 18px 52px rgba(0,0,0,.22);
}

.bs-brand-surface,
.panel,
.hero-strip,
.settings-card,
.side-card {
    border-color: rgba(255,255,255,.09);
    box-shadow: var(--bs-brand-shadow);
}

.primary-button,
button.primary,
.form-actions .primary {
    border-radius: var(--bs-brand-radius-sm);
    background:
        linear-gradient(
            135deg,
            var(--bs-brand-gold-300),
            var(--bs-brand-gold-500)
        );
}

.eyebrow {
    color: var(--bs-brand-gold-300);
    letter-spacing: .17em;
}

.brand-placeholder,
.brand-logo-mark {
    border-style: solid;
    border-color: rgba(234,215,170,.32);
    background:
        linear-gradient(
            145deg,
            rgba(200,170,109,.14),
            rgba(200,170,109,.04)
        );
}

.icon-button,
.hand-tool,
.secondary-button {
    transition:
        border-color .16s ease,
        background-color .16s ease,
        transform .16s ease;
}

.icon-button:hover,
.hand-tool:hover,
.secondary-button:hover {
    border-color: rgba(234,215,170,.32);
    background-color: rgba(200,170,109,.06);
}

@media (prefers-reduced-motion: no-preference) {
    .icon-button:hover,
    .secondary-button:hover {
        transform: translateY(-1px);
    }
}