:root {
    color-scheme: dark;
    --iptivo-color-background-deep: #030a12;
    --iptivo-color-background: #06111f;
    --iptivo-color-surface: #0d1d31;
    --iptivo-color-surface-elevated: #142943;
    --iptivo-color-surface-pressed: #102339;
    --iptivo-color-surface-loading: #12344a;
    --iptivo-color-surface-disabled: #0a1727;
    --iptivo-color-border: #294766;
    --iptivo-color-action: #45ddd2;
    --iptivo-color-action-strong: #1fb9b2;
    --iptivo-color-focus: #78fff4;
    --iptivo-color-on-action: #021517;
    --iptivo-color-text: #f5f7fb;
    --iptivo-color-text-muted: #a9b8cc;
    --iptivo-color-text-disabled: #74869d;
    --iptivo-color-current: #d7a82f;
    --iptivo-color-success: #58d6a5;
    --iptivo-color-warning: #f2b84b;
    --iptivo-color-error: #ff6b7c;

    --iptivo-font-sans: Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --iptivo-font-mono: "Roboto Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;
    --iptivo-weight-regular: 400;
    --iptivo-weight-medium: 500;
    --iptivo-weight-bold: 700;
    --iptivo-type-display: clamp(2.5rem, 5vw, 4.5rem);
    --iptivo-type-page-title: clamp(2rem, 4vw, 3rem);
    --iptivo-type-section-title: clamp(1.4rem, 2.5vw, 2rem);
    --iptivo-type-body: 1rem;
    --iptivo-type-label: 0.9375rem;
    --iptivo-type-metadata: 0.875rem;
    --iptivo-type-button: 0.9375rem;

    --iptivo-space-1: 0.25rem;
    --iptivo-space-2: 0.5rem;
    --iptivo-space-3: 0.75rem;
    --iptivo-space-4: 1rem;
    --iptivo-space-6: 1.5rem;
    --iptivo-space-8: 2rem;
    --iptivo-space-12: 3rem;
    --iptivo-space-16: 4rem;

    --iptivo-radius-small: 0.5rem;
    --iptivo-radius-control: 0.75rem;
    --iptivo-radius-card: 1rem;
    --iptivo-radius-panel: 1.5rem;
    --iptivo-radius-pill: 999px;

    --iptivo-shadow-resting: 0 8px 24px rgb(0 0 0 / 20%);
    --iptivo-shadow-elevated: 0 18px 48px rgb(0 0 0 / 32%);
    --iptivo-shadow-focus: 0 0 0 4px rgb(69 221 210 / 18%);

    --iptivo-motion-press: 95ms;
    --iptivo-motion-focus: 160ms;
    --iptivo-motion-content: 220ms;
    --iptivo-motion-dialog: 200ms;
    --iptivo-motion-success: 280ms;
    --iptivo-easing-standard: cubic-bezier(0.2, 0, 0, 1);
}
@media (prefers-reduced-motion: reduce) {
    :root {
        --iptivo-motion-press: 0ms;
        --iptivo-motion-focus: 0ms;
        --iptivo-motion-content: 0ms;
        --iptivo-motion-dialog: 0ms;
        --iptivo-motion-success: 0ms;
    }
}