:root {
    --tri-bg: #0d0d1a;
    --tri-surface: #1a1a2e;
    --tri-accent: #10b981;
    --tri-white: #ffffff;
    --tri-text: #f8fafc;
    --tri-muted: #94a3b8;
    --tri-border: rgb(148 163 184 / 20%);
    --tri-font-body: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    --tri-font-heading: var(--tri-font-body);
    --tri-content-width: 1240px;
}

body {
    font-family: var(--tri-font-body);
}

button,
input,
select,
textarea {
    font-family: inherit;
}