/*
 * InfHo Color Scheme
 *
 * To change colors throughout the entire application,
 * simply update the hex values below.
 */

:root {
    /* Primary Colors */
    --color-primary: #45C2C6;      /* Teal - Main navigation, primary links, headings */
    --color-secondary: #A3CD39;    /* Lime Green - User navigation, success states, submit buttons */
    --color-accent: #F89A3A;       /* Orange - Dropdown menus, table headers, category badges */
    --color-highlight: #FFDA10;    /* Yellow - Highlights, pending status, today marker */
    --color-danger: #F16767;       /* Coral Red - Error states, delete buttons, warnings */
    --color-purple: #9B59B6;       /* Purple - Admin navigation */

    /* Derived Colors (lighter versions for backgrounds) */
    --color-primary-light: #E0F5F6;
    --color-secondary-light: #E8F5E9;
    --color-accent-light: #FFF9E6;
    --color-highlight-light: #FFFEF0;
    --color-danger-light: #FFE5E5;

    /* Hover States (slightly darker versions) */
    --color-primary-hover: #3AA8AC;
    --color-secondary-hover: #8CB82F;
    --color-accent-hover: #E07F20;
    --color-highlight-hover: #E6C500;
    --color-danger-hover: #D14545;

    /* Neutral Colors (grays) */
    --color-text-primary: #333;
    --color-text-secondary: #666;
    --color-text-light: #999;
    --color-border: #ddd;
    --color-border-light: #eee;
    --color-background: #f5f5f5;
    --color-background-light: #f9f9f9;
    --color-white: #ffffff;
}