:root {
    color-scheme: dark;

    --cms-bg: #07111f;
    --cms-bg-elevated: #0a1728;

    --cms-surface: #101f33;
    --cms-surface-hover: #142842;
    --cms-surface-active: #172e4c;

    --cms-border: rgba(255, 255, 255, 0.09);
    --cms-border-strong: rgba(255, 255, 255, 0.16);

    --cms-text: #f5f8fc;
    --cms-text-muted: #a6b3c5;
    --cms-text-subtle: #748399;

    --cms-blue: #2f80ed;
    --cms-blue-hover: #4a94f3;
    --cms-blue-soft: rgba(47, 128, 237, 0.14);

    --cms-gold: #e7bd54;
    --cms-gold-soft: rgba(231, 189, 84, 0.12);

    --cms-success: #62d69f;
    --cms-success-soft: rgba(98, 214, 159, 0.12);

    --cms-warning: #f1ca63;
    --cms-warning-soft: rgba(241, 202, 99, 0.12);

    --cms-danger: #ff7373;
    --cms-danger-soft: rgba(255, 115, 115, 0.12);

    --cms-text-xs: 0.75rem;
    --cms-text-sm: 0.875rem;
    --cms-text-base: 1rem;
    --cms-text-lg: 1.125rem;
    --cms-text-xl: 1.375rem;
    --cms-text-2xl: 1.75rem;
    --cms-text-3xl: 2.25rem;
    --cms-text-4xl: 3rem;

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

    --cms-radius-sm: 8px;
    --cms-radius-md: 12px;
    --cms-radius-lg: 16px;
    --cms-radius-xl: 22px;
    --cms-radius-round: 999px;

    --cms-sidebar-width: 248px;
    --cms-sidebar-collapsed-width: 76px;
    --cms-topbar-height: 72px;
    --cms-content-max-width: 1440px;

    --cms-motion-fast: 140ms;
    --cms-motion-normal: 200ms;
    --cms-motion-slow: 300ms;

    --cms-shadow-menu:
        0 18px 50px rgba(0, 0, 0, 0.35);

    --cms-shadow-featured:
        0 26px 70px rgba(0, 0, 0, 0.24);
}