:root {
    --ks-ink: #1C1917;
    --ks-ink-2: #44403C;
    --ks-muted: #78716C;
    --ks-tab-ink: #57534E;
    --ks-line: #E7E5E4;
    --ks-line-soft: #F0EFED;
    --ks-seg: #EFEEEC;
    --ks-page: #FAFAF9;
    --ks-card: #FFFFFF;
    --ks-accent: #B45309;
    --ks-accent-hover: #92400E;
    --ks-accent-soft: #FEF3C7;
    --ks-accent-ink: #92400E;
    --ks-gold: #C9A227;
    --ks-silver: #A8A29E;
    --ks-bronze: #B87333;
    --ks-badge-bronze-soft: #F6EADF;
    --ks-badge-bronze: #9A5B2E;
    --ks-badge-silver-soft: #F1F1EF;
    --ks-badge-silver: #6B6966;
    --ks-badge-gold-soft: #FBF1D0;
    --ks-badge-gold: #9A7410;
    --ks-badge-purple-soft: #F1E8FA;
    --ks-badge-purple: #7E3AAF;
    --ks-badge-orange-soft: #FDEBD8;
    --ks-badge-orange: #B45309;
    --ks-badge-locked-soft: #F5F5F4;
    --ks-badge-locked: var(--ks-muted);
    --ks-badge-overlay: rgba(28,25,23,.4);
    --ks-r-sm: 10px;
    --ks-r-md: 12px;
    --ks-r-lg: 16px;
    --ks-r-pill: 999px;
    --ks-shadow-1: 0 1px 2px rgba(28,25,23,.06);
    --ks-shadow-2: 0 1px 2px rgba(28,25,23,.06), 0 4px 16px rgba(28,25,23,.05);
    --ks-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Queste superfici condividono il CSS con le definizioni anonime. */
:root .search-hero {
    background: var(--ks-card);
    border-color: var(--ks-line);
    border-radius: var(--ks-r-md);
    box-shadow: var(--ks-shadow-1);
}
:root .aiuta-question { background: var(--ks-card); border-left-color: var(--ks-line); }