:root {
    --ui-font-sans: "Rubik", "Segoe UI", system-ui, sans-serif;
    --ui-font-display: "Exo 2", "Rubik", system-ui, sans-serif;
    --ui-font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;

    --ui-bg: #07091c;
    --ui-surface: #0d1225;
    --ui-surface-2: #131b34;
    --ui-surface-3: #1a2442;
    --ui-border: #243058;
    --ui-border-strong: #354880;

    --ui-text: #c8deff;
    --ui-text-muted: #6e94c8;
    --ui-text-soft: #435a82;

    --ui-primary: #3d7bff;
    --ui-primary-hover: #2a65ef;
    --ui-success: #00d484;
    --ui-warning: #ff9420;
    --ui-danger: #ff3558;

    --ui-radius-sm: 8px;
    --ui-radius-md: 12px;
    --ui-radius-lg: 16px;

    --ui-shadow-sm: 0 2px 10px rgba(0, 8, 50, 0.32);
    --ui-shadow-md: 0 12px 36px rgba(0, 8, 50, 0.5);

    --ui-space-1: 4px;
    --ui-space-2: 8px;
    --ui-space-3: 12px;
    --ui-space-4: 16px;
    --ui-space-5: 24px;
    --ui-space-6: 32px;

    --ui-transition-fast: 140ms ease;

    --ui-tracking-tight: -0.025em;
    --ui-tracking-normal: 0em;
    --ui-tracking-wide: 0.04em;
    --ui-tracking-caps: 0.07em;
}