/* Auto-generated CSS variable cache. Do not edit. */
:root {
    --base_primary: rgba(168, 85, 247, 1);
    --base_primary_hover: rgba(147, 51, 234, 1);
    --base_secondary: rgba(14, 165, 233, 1);
    --base_secondary_hover: rgba(2, 132, 199, 1);
    --base_accent: rgba(239, 68, 68, 1);
    --base_accent_hover: rgba(220, 38, 38, 1);
    --base_light: rgba(248, 250, 252, 1);
    --base_dark: rgba(15, 23, 42, 1);
    --base_text_on_light: rgba(15, 23, 42, 1);
    --base_text_on_dark: rgba(200, 200, 200, 1);
    --base_text_muted: rgba(200, 116, 139, 1);
    --base_border_light: rgba(226, 232, 240, 1);
    --base_border_dark: rgba(51, 65, 85, 1);
    --base_success: rgba(34, 197, 94, 1);
    --base_warning: rgba(251, 146, 60, 1);
    --base_danger: rgba(239, 68, 68, 1);
    --base_info: rgba(14, 165, 233, 1);
    --form_header_bg: rgba(241, 245, 249, 1);
    --form_label: #CCCCCC;
    --input_height_sm: 36px;
    --input_height_md: 44px;
    --input_height_lg: 52px;
    --focus_ring_width: 2px;
    --focus_ring_offset: 2px;
    --base_radius_sm: 6px;
    --base_radius_md: 10px;
    --base_radius_lg: 15px;
    --base_shadow_sm: 0 1px 3px rgba(0, 0, 0, 0.1);
    --base_shadow_md: 0 4px 6px rgba(0, 0, 0, 0.05);
    --base_shadow_lg: 0 10px 15px rgba(0, 0, 0, 0.08);
    --base_pad_xs: 2px;
    --base_pad_sm: 4px;
    --base_pad_md: 8px;
    --base_pad_lg: 12px;
    --base_pad_xl: 15px;
    --base_gap_xs: 2px;
    --base_gap_sm: 4px;
    --base_gap_md: 8px;
    --base_gap_lg: 12px;
    --base_gap_xl: 15px;
    --text_xs: 0.75rem;
    --text_sm: 0.875rem;
    --text_base: 1rem;
    --text_lg: 1.125rem;
    --text_xl: 1.25rem;
    --text_2xl: 1.5rem;
    --text_3xl: 1.875rem;
}