:root {
    --ink: #020818;
    --muted: #4B4B4B;
    --line: rgba(2, 8, 24, 0.12);
    --paper: #ffffff;
    --soft: #F4F4F4;
    --action: #FF6A00;
    --action-secondary: #FF8A00;
    --gradient-bottom: #F95A00;
    --authority: #020818;
}

body {
    font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--ink);
    background:
        linear-gradient(135deg, rgba(255, 138, 0, 0.07), transparent 34%),
        linear-gradient(315deg, rgba(2, 8, 24, 0.05), transparent 44%),
        #ffffff;
}

a {
    color: var(--ink);
    text-decoration-color: var(--action);
}

.topbar {
    border-bottom-color: var(--line);
    background: rgba(255, 255, 255, 0.9);
}

.brand {
    color: var(--ink);
}

.brand span,
.eyebrow,
.release-label {
    color: var(--action);
}

.brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.brand img {
    width: auto;
    height: 78px;
    max-height: 78px;
    object-fit: contain;
    object-position: left center;
}

.hero {
    border-bottom-color: var(--line);
}

.eyebrow,
.card,
.callout,
.table-wrap,
figure,
blockquote,
.release-grid {
    border-color: var(--line);
    background: #ffffff;
}

.lead,
.card p,
.footer,
figcaption,
p,
li {
    color: var(--muted);
}

.primary {
    background: var(--action);
    color: #ffffff;
}

.secondary {
    border-color: var(--line);
    background: #ffffff;
    color: var(--ink);
}

.button {
    transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease;
}

.button:hover {
    transform: translateY(-2px);
}

.button:active {
    transform: translateY(1px) scale(0.99);
}

th {
    background: var(--soft);
    color: var(--ink);
}

code {
    font-family: "IBM Plex Mono", ui-monospace, monospace;
    background: #F4F4F4;
}

.release-grid {
    box-shadow: 0 24px 80px rgba(2, 8, 24, 0.08);
}

.release-grid > div {
    border-left-color: var(--action);
}

.release-grid code {
    color: var(--ink);
    background: #F4F4F4;
    border-color: var(--line);
}
