/**
 * Nana App Theme Variables
 * Centralized color scheme for consistent theming across the application
 */

:root {
    /* NANA 3-Color Healing Palette */

    /* Primary — Nana Lavender Purple */
    --color-primary: #9E7CCC;
    --color-primary-hover: #8562b3;
    --color-primary-light: #c3a2ed;
    --color-primary-dark: #6b4d99;

    /* Primary with opacity variants for shadows/glows */
    --color-primary-glow-light: rgb(158, 124, 204); /* Nana Lavender Purple RGB */
    --color-primary-shadow-1: rgba(158, 124, 204, 0.25);
    --color-primary-shadow-2: rgba(158, 124, 204, 0.12);
    --color-primary-shadow-3: rgba(158, 124, 204, 0.06);
    --color-primary-shadow-4: rgba(158, 124, 204, 0.03);

    /* Secondary — Fog Lilac */
    --color-secondary: #9E7CCC;
    --color-secondary-hover: #b89de0;
    --color-secondary-light: #e7dbf7;
    --color-secondary-dark: #a584d7;

    /* Secondary with opacity variants */
    --color-secondary-glow-light: rgb(203, 183, 233); /* Fog Lilac RGB */
    --color-secondary-shadow-1: rgba(203, 183, 233, 0.25);
    --color-secondary-shadow-2: rgba(203, 183, 233, 0.12);
    --color-secondary-shadow-3: rgba(203, 183, 233, 0.06);
    --color-secondary-shadow-4: rgba(203, 183, 233, 0.03);

    /* Accent — Warm Sand Beige */
    --color-accent: #E9DCC7;
    --color-accent-hover: #dec9ad;
    --color-accent-light: #f4eedb;
    --color-accent-dark: #d3b693;

    /* Accent with opacity variants */
    --color-accent-glow-light: rgb(233, 220, 199); /* Warm Sand Beige RGB */
    --color-accent-shadow-1: rgba(233, 220, 199, 0.25);
    --color-accent-shadow-2: rgba(233, 220, 199, 0.12);
    --color-accent-shadow-3: rgba(233, 220, 199, 0.06);
    --color-accent-shadow-4: rgba(233, 220, 199, 0.03);

    /* System Colors (keep for alerts/status) */
    --color-success: #10b981;
    --color-warning: #f59e0b;
    --color-danger: #ef4444;
    --color-info: #3b82f6;
}