/* tokens.css — Design tokens */

:root {
    /* --- Brand (warm coral) --- */
    --primary:        #FF6B6B;
    --primary-dark:   #E85555;
    --primary-light:  #FFF0EE;
    --primary-glow:   rgba(255, 107, 107, 0.2);

    /* --- Per-feature accent palette --- */
    --feeding:        #FF6B6B;
    --feeding-dark:   #E85555;
    --feeding-light:  #FFF0EE;
    --feeding-glow:   rgba(255, 107, 107, 0.15);

    --sleep:          #5B4FE9;
    --sleep-dark:     #4840CC;
    --sleep-light:    #EDEBFF;
    --sleep-glow:     rgba(91, 79, 233, 0.15);

    --pumping:        #06B6D4;
    --pumping-dark:   #0891B2;
    --pumping-light:  #E0F9FF;
    --pumping-glow:   rgba(6, 182, 212, 0.15);

    --diaper:         #FFAB40;
    --diaper-dark:    #F59300;
    --diaper-light:   #FFF8E6;
    --diaper-glow:    rgba(255, 171, 64, 0.15);

    --doctor:         #10B981;
    --doctor-light:   #E6FAF5;

    /* --- Semantic --- */
    --secondary: #FFF5F2;
    --success:   #10B981;
    --warning:   #FFAB40;
    --error:     #FF5252;

    /* --- Accent (kept for compatibility) --- */
    --accent-cyan:    #06b6d4;
    --accent-emerald: #10b981;
    --accent-amber:   #f59e0b;
    --accent-rose:    #f43f5e;

    /* --- Text (warm brown) --- */
    --text:           #2D1B13;
    --text-primary:   #2D1B13;
    --text-secondary: #5C3D2E;
    --text-muted:     #A08878;

    /* --- Backgrounds (warm cream) --- */
    --bg:           #FFFFFF;
    --bg-primary:   #FFFFFF;
    --bg-secondary: #FFF8F4;
    --bg-tertiary:  #FFEEE8;

    /* --- Borders (warm) --- */
    --border:       rgba(255, 107, 107, 0.14);
    --border-color: rgba(255, 107, 107, 0.14);

    /* --- Shadows (warm-tinted) --- */
    --shadow:    0 2px 8px rgba(45, 27, 19, 0.07);
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 6px 20px rgba(45, 27, 19, 0.09);
    --shadow-lg: 0 12px 40px rgba(45, 27, 19, 0.11);
    --shadow-xl: 0 24px 60px rgba(45, 27, 19, 0.14);

    /* --- Spacing --- */
    --space-xs:  0.25rem;
    --space-sm:  0.5rem;
    --space-md:  1rem;
    --space-lg:  1.5rem;
    --space-xl:  2rem;
    --space-2xl: 3rem;
}