/* Design Tokens */
:root {
    /* Backgrounds */
    --rail-bg: #FAFAFA;
    --rail-surface: #FFFFFF;

    /* Text */
    --rail-text: #0F172A;
    --rail-muted: #64748B;
    --rail-border: #E2E8F0;

    /* Brand */
    --rail-primary: #2563EB;
    --rail-primary-hover: #1D4ED8;

    /* Semantic */
    --rail-success: #059669;
    --rail-warning: #D97706;
    --rail-danger: #DC2626;

    /* Radii */
    --rail-radius-sm: 10px;
    --rail-radius-md: 14px;
    --rail-radius-lg: 20px;

    /* Shadows */
    --rail-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06);
    --rail-shadow-md: 0 8px 30px rgba(15, 23, 42, 0.08);

    /* Transitions */
    --rail-transition: 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
}