:root {
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    --page-bg: #f8fafc;
    --text-main: #0f172a;
    --text-muted: #64748b;
    --text-secondary: #334155;
    --text-stale: #6c757d;

    --state-ok-bg: #ecfdf3;
    --state-ok-border: #86efac;
    --state-error-bg: #fef2f2;
    --state-error-border: #fca5a5;

    --accent-soft-border: #dbeafe;
    --badge-stale-bg: #6b7280;

    --panel-highlight-bg: #f0f4ff;
    --stale-surface-bg: #f1f3f5;

    --chip-border: #dde3ea;
    --chip-bg: #ffffff;
    --chip-soft-bg: #f8fafc;

    --signal-0: #b91c1c;
    --signal-1: #ea580c;
    --signal-2: #ca8a04;
    --signal-3: #65a30d;
    --signal-4: #15803d;

    --ack-ok-bg: #dcfce7;
    --ack-ok-text: #166534;
    --ack-error-bg: #fee2e2;
    --ack-error-text: #991b1b;
}

body {
    background-color: var(--page-bg);
    color: var(--text-main);
}

.mono {
    font-family: var(--font-mono);
}

.badge-uploading {
    background-color: #ffe066 !important; /* warm yellow */
    color: #7c5700 !important;
    border: 1px solid #ffd43b;
}