/* ECCOCI! — global style override v3 — dark senape */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root {
    /* Palette base */
    --bg: #0c0c0c !important;
    --surface: #141412 !important;
    --surface2: #1a1a17 !important;
    --surface3: #1f1f1a !important;
    --border: rgba(245,240,232,.1) !important;
    --ink: #f5f0e8 !important;

    /* Accents */
    --accent: #c8960c !important;
    --accent-hover: #a87a0a !important;
    --accent-dim: rgba(200,150,12,.08) !important;
    --accent-bd: rgba(200,150,12,.22) !important;
    --accent-soft: rgba(200,150,12,.1) !important;

    /* Semantic colours */
    --green: #4ade80 !important;
    --green-dim: rgba(74,222,128,.08) !important;
    --red: #f87171 !important;
    --red-dim: rgba(248,113,113,.08) !important;
    --amber: #fbbf24 !important;
    --amber-dim: rgba(251,191,36,.08) !important;
    --purple: #c084fc !important;

    /* Text */
    --text: #f5f0e8 !important;
    --text-muted: #777 !important;
    --text-dim: #a8a49e !important;

    /* Analisi/riassunto pages use --navy and --blue for text colour */
    --navy: #e8e2d8 !important;
    --blue: #c8960c !important;
    --muted: #a8a49e !important;
    --warn: #fbbf24 !important;
    --border-strong: rgba(245,240,232,.2) !important;

    /* Shadows */
    --sh: 0 4px 24px rgba(0,0,0,.35) !important;
    --sh-hover: 0 8px 40px rgba(0,0,0,.55) !important;
    --r: 6px !important;
    --highlight: #c8960c !important;
}

body {
    background: #0c0c0c !important;
    color: #f5f0e8 !important;
    -webkit-font-smoothing: antialiased;
}

/* Topbar fisso nelle pagine statiche (div#se-topbar) */
#se-topbar {
    background: rgba(12,12,12,.95) !important;
    border-bottom: 1px solid rgba(245,240,232,.1) !important;
}
#se-topbar a { color: #f5f0e8 !important; }
#se-topbar a + a { color: #a8a49e !important; }

/* Toolbar analisi/riassunto pages */
.toolbar {
    background: #141412 !important;
    border-bottom-color: var(--accent) !important;
}
.toolbar .btn-primary { background: var(--accent) !important; color: #000 !important; }
.toolbar .btn-primary:hover { background: #a87a0a !important; }

header {
    background: rgba(12,12,12,.92) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(245,240,232,.1) !important;
}

footer {
    border-top: 1px solid rgba(245,240,232,.1) !important;
    background: #141412 !important;
}

/* Callout boxes nelle analisi */
.callout { background: rgba(200,150,12,.08) !important; border-color: rgba(200,150,12,.2) !important; }
.callout.warn { background: rgba(251,191,36,.08) !important; border-color: rgba(251,191,36,.2) !important; }
.callout.red  { background: rgba(248,113,113,.08) !important; border-color: rgba(248,113,113,.2) !important; }

/* Blockquote */
blockquote { background: rgba(200,150,12,.06) !important; border-left-color: var(--accent) !important; }

/* Card overrides */
.kpi, .story, .note, .share {
    border: 1px solid rgba(245,240,232,.1) !important;
    box-shadow: 0 4px 24px rgba(0,0,0,.35) !important;
}
.kpi:hover, .story:hover {
    box-shadow: 0 8px 40px rgba(0,0,0,.55) !important;
    transform: translateY(-2px);
}

/* Scroll reveal */
.reveal { opacity: 0; transform: translateY(28px); transition: opacity .65s ease, transform .65s ease; }
.reveal.in { opacity: 1; transform: none; }
.reveal[data-d="1"] { transition-delay: .08s; }
.reveal[data-d="2"] { transition-delay: .16s; }
.reveal[data-d="3"] { transition-delay: .24s; }

/* ── FIRST LETTER SENAPE ── */
p::first-letter, h1::first-letter, h2::first-letter, h3::first-letter, h4::first-letter {
    color: #c8960c !important;
    font-weight: 700;
}
.se-tag::first-letter, .se-eyebrow::first-letter, .toolbar *::first-letter,
button::first-letter, label::first-letter, .doc-tag::first-letter,
.kpi-label::first-letter, .story-date::first-letter, .story-source::first-letter,
.share-label::first-letter, .section-title::first-letter { color: inherit !important; font-weight: inherit; }