@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: #2563eb;
            --dashboard-color-brand-hover: #1d4ed8;
            --dashboard-color-brand-rgb: 37 99 235;
            --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-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%;
        }
}