/* Shared tokens + language-toggle button. See docs/plans/CSS-CONSOLIDATION-PLAN.md
   for what deliberately stays page-local instead of living here. */

:root {
    --bg: #191919;
    --muted: #9c8a81;
    --text: #d4ccc8;
    --orange: #f25a10;
    --divider: rgba(156, 138, 129, 0.15);
}

.hero-lang {
    background: none;
    border: 1px solid var(--orange);
    color: var(--orange);
    font: inherit;
    font-size: 13px;
    cursor: pointer;
    padding: 3px 10px;
    letter-spacing: .05em;
    transition: all 0.2s;
}

.hero-lang:hover {
    color: var(--text);
    border-color: var(--text);
}