:root {
    --gxf-surface-default: #060b14;
    --gxf-surface-subtle: #0a1220;
    --gxf-surface-inverse: #03070d;
    --gxf-surface-raised: #0e1a2b;
    --gxf-text-primary: #eff5ff;
    --gxf-text-secondary: #a6b4ca;
    --gxf-accent-action: #4f86ff;
    --gxf-accent-action-hover: #78a5ff;
    --gxf-button-primary: #2f63c7;
    --gxf-button-primary-hover: #356ad0;
    --gxf-accent-focus: #f09a2a;
    --gxf-state-success: #4cdb98;
    --gxf-line: rgba(178, 203, 239, .18);
    --gxf-danger: #ff8e8a;
    --gxf-warning: #ffd18a;
    --gxf-space-1: .5rem;
    --gxf-space-2: 1rem;
    --gxf-space-3: 1.5rem;
    --gxf-space-4: 2rem;
    --gxf-space-6: 3rem;
    --gxf-space-8: 4rem;
    --gxf-space-12: 6rem;
    --gxf-radius: .875rem;
    --gxf-radius-large: 1.25rem;
    --gxf-content: 74rem;
    --gxf-reading: 48rem;
}