:root {
    /* Brand */
    --vx-brand-950: #073b33;
    --vx-brand-900: #0a4a3f;
    --vx-brand-800: #0d5c4e;
    --vx-brand-700: #137561;
    --vx-brand-600: #1b8a72;
    --vx-brand-100: #e6f3ef;
    --vx-brand-050: #f4faf7;

    /* Accent */
    --vx-gold-500: #c89a3d;
    --vx-gold-100: #f7ecd4;

    /* Neutral */
    --vx-ink-950: #0d1f1b;
    --vx-ink-800: #20312d;
    --vx-ink-600: #667671;
    --vx-line-200: #dbe6e2;
    --vx-surface: #ffffff;
    --vx-page: #f3f7f5;

    /* Feedback */
    --vx-success: #197253;
    --vx-success-soft: #e3f5ec;
    --vx-danger: #a53b3b;
    --vx-danger-soft: #fff0f0;

    /* Radius */
    --vx-radius-sm: 10px;
    --vx-radius-md: 14px;
    --vx-radius-lg: 18px;
    --vx-radius-xl: 24px;
    --vx-radius-pill: 999px;

    /* Space */
    --vx-space-1: 4px;
    --vx-space-2: 8px;
    --vx-space-3: 12px;
    --vx-space-4: 16px;
    --vx-space-5: 20px;
    --vx-space-6: 24px;
    --vx-space-7: 32px;
    --vx-space-8: 40px;
    --vx-space-9: 48px;

    /* Shadow */
    --vx-shadow-sm: 0 6px 20px rgba(7, 59, 51, .07);
    --vx-shadow-md: 0 16px 40px rgba(7, 59, 51, .10);
    --vx-shadow-lg: 0 24px 70px rgba(7, 59, 51, .14);

    /* Motion */
    --vx-ease: 180ms ease;
}