:root {
    color-scheme: dark;

    --color-bg: #0b0d10;
    --color-surface: #111419;
    --color-surface-2: #171b22;
    --color-surface-3: #1d232b;
    --color-border: #2a313b;
    --color-border-strong: #3b4653;
    --color-text: #eef2f6;
    --color-text-muted: #a5afbc;
    --color-text-subtle: #788391;
    --color-accent: #4f8f7b;
    --color-accent-strong: #66b096;
    --color-accent-soft: rgba(79, 143, 123, 0.16);
    --color-code-bg: #0f1318;

    --status-verified: #4f8f7b;
    --status-pending: #c49a4a;
    --status-failed: #d36a62;
    --status-blocked: #b86fd9;
    --status-queued: #7597d8;
    --status-delivered: #5fa978;

    --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;

    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-md: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.375rem;
    --text-2xl: 1.875rem;
    --text-3xl: 2.75rem;

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;

    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;

    --shadow-panel: 0 18px 50px rgba(0, 0, 0, 0.26);
    --shadow-raised: 0 12px 28px rgba(0, 0, 0, 0.22);
}