@import "tailwindcss";

@theme {
    --color-latency-excellent: #22c55e;
    --color-latency-good: #84cc16;
    --color-latency-moderate: #eab308;
    --color-latency-poor: #f97316;
    --color-latency-bad: #ef4444;
    --color-latency-offline: #6b7280;
}

body {
    font-family:
        ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
}

.sparkline-container {
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0.02) 0%,
        rgba(255, 255, 255, 0) 100%
    );
}