@layer base {
    :root {
            --dashboard-color-surface: #ffffff;
            --dashboard-color-text: #0f172a;
            --dashboard-color-text-muted: #475569;
            --dashboard-color-text-subtle: #64748b;
            --dashboard-color-border: #e2e8f0;
            --dashboard-color-border-strong: #cbd5e1;
            --dashboard-color-pill: #f1f5f9;
            --dashboard-color-pill-hover: #e2e8f0;
            --dashboard-color-brand: oklch(54.6% 0.22 264);
            --dashboard-color-brand-hover: oklch(48% 0.22 264);
            --dashboard-color-brand-rgb: 37 99 235;
            --dashboard-color-brand-oklch-hue: 264;
            --dashboard-color-brand-surface: oklch(96% 0.05 var(--dashboard-color-brand-oklch-hue));
            --dashboard-color-brand-surface-muted: oklch(97% 0.025 var(--dashboard-color-brand-oklch-hue));
            --dashboard-color-badge-blue-bg: var(--dashboard-color-brand-surface);
            --dashboard-color-badge-blue-text: oklch(54.6% 0.22 var(--dashboard-color-brand-oklch-hue));
            --dashboard-color-brand-heatmap-bg-low: oklch(96% 0.03 var(--dashboard-color-brand-oklch-hue));
            --dashboard-color-brand-heatmap-bg-high: oklch(88% 0.12 var(--dashboard-color-brand-oklch-hue));
            --dashboard-color-positive: #22c55e;
            --dashboard-color-positive-rgb: 34 197 94;
            --dashboard-color-negative: #ef4444;
            --dashboard-color-negative-rgb: 239 68 68;
            --dashboard-color-benchmark: #64748b;
            --dashboard-radius-pill: 9999px;
            --modal-padding: 1.5rem;
            --modal-footer-padding-y: 1rem;
            --dashboard-section-padding-x: 1.5rem;
            --dashboard-section-padding-y: 1.25rem;
            --dashboard-section-padding-x-lg: 2rem;
            --dashboard-section-padding-y-lg: 2rem;
            --dashboard-section-header-padding-y: 1rem;
            --dashboard-section-header-padding-y-lg: 1.5rem;
            --dashboard-table-head-padding-y: 1.25rem;
            --dashboard-table-head-padding-y-dense: 0.875rem;
            --dashboard-pill-rail-padding-x: var(--dashboard-section-padding-x);
            --dashboard-pill-rail-padding-x-lg: var(--dashboard-section-padding-x-lg);
            --dashboard-shell-max-width: 72rem;
            --dashboard-shell-narrow-max-width: 48rem;
        }

        /* Breakpoints: mobile is the default, tablet starts at 48rem, desktop starts at 64rem. */

        @media (min-width: 64rem) {
            :root {
                --dashboard-section-padding-x-lg: 3rem;
            }
        }

        body {
            color: var(--dashboard-color-text);
            background: var(--dashboard-color-surface);
            font-family: "Geist", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
            font-feature-settings: "ss01";
            overflow-x: hidden;
            width: 100%;
        }
}