/* CSS Variables */
:root {
    --primary-color: #0066cc;
    --primary-hover: #0052a3;
    --text-color: #333;
    --border-color: #f0f0f0;
    --white: #ffffff;
    --gray-light: #f8f8f8;
    --font-size-sm: 12px;
    --font-size-base: 14px;
    --font-size-lg: 16px;
    --font-size-xl: 18px;
    --font-size-2xl: 28px;
    --border-radius: 6px;
    --transition: all 0.2s ease;
}