/* Theme Foundations: global tokens mapping + base look inspired by premium sports/editorial sites */

:root {
    /* Extended palette */
    --brand: #F55722;
    --brand-contrast: #ffffff;
    --ink: #0a0a0b;
    --ink-2: #121316;
    --muted: #9aa0a6;
    --surface: #ffffff;
    --surface-2: #f6f7f9;

    /* Elevations refined */
    --elev-1: 0 6px 24px rgba(0, 0, 0, 0.08);
    --elev-2: 0 12px 48px rgba(0, 0, 0, 0.14);
}

/* Base typography rhythm */
body {
    color: var(--ink);
    font-family: var(--font-sans, 'Roboto', system-ui, -apple-system, Segoe UI, Arial, sans-serif);
    letter-spacing: 0.01em;
}

h1, h2, h3 { letter-spacing: -0.02em; }
.kicker { text-transform: uppercase; letter-spacing: 0.14em; font-weight: 700; font-size: 0.8rem; }

/* Links */
a { color: var(--ink); }
a:hover { color: var(--brand); }

/* Buttons: solid + ghost */
.btn-solid {
    display: inline-flex; align-items: center; gap: 10px;
    padding: 12px 18px; font-weight: 700; border-radius: 10px;
    background: var(--brand); color: #fff; border: 1px solid var(--brand);
}
.btn-ghost {
    display: inline-flex; align-items: center; gap: 10px;
    padding: 12px 18px; font-weight: 700; border-radius: 10px;
    background: transparent; color: var(--ink); border: 1px solid rgba(0,0,0,0.12);
}

/* Cards */
.card {
    background: var(--surface);
    border-radius: 16px;
    box-shadow: var(--elev-1);
}
.card.glass { background: rgba(255,255,255,0.7); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.5); }

/* Layout helpers */
.stack-24 > * + * { margin-top: 24px; }
.stack-32 > * + * { margin-top: 32px; }
.inline-12 { display: inline-flex; gap: 12px; align-items: center; }