:root {
    /* Lighter, softer primary colors for eye comfort */
    --primary-soft: #7EA8F5;
    --primary-soft-hover: #6B95E8;
    --primary-gradient: linear-gradient(135deg, #A0C4FF 50%, #7EA8F5 100%);
    --primary-gradient-hover: linear-gradient(135deg, #8BB8FC 0%, #6B95E8 100%);
    --primary-soft-rgb: 126, 168, 245;

    /* Warm, soft backgrounds */
    --bg-primary: #FAFBFC;
    --bg-secondary: #F5F7FA;
    --bg-card: #FFFFFF;
    --bg-hover: #F0F4F8;
    --bg-active: #E8F0FE;

    /* Soft text colors */
    --text-primary: #2D3748;
    --text-secondary: #4A5568;
    --text-muted: #718096;
    --text-light: #A0AEC0;

    /* Soft borders */
    --border-light: #E8EDF4;
    --border-medium: #D5DEE8;
    --border-soft: #EEF2F7;

    /* Softer shadows – lighter, more diffused for comfortable viewing */
    --shadow-soft: 0 1px 4px rgba(0, 0, 0, 0.03);
    --shadow-medium: 0 2px 10px rgba(0, 0, 0, 0.04);
    --shadow-strong: 0 4px 20px rgba(0, 0, 0, 0.06);

    /* Gentler, slightly slower transitions */
    --transition-fast: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: all 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}