:root {
    /* === Text === */
    --primary-text: #2e2e2e;                    /* Primary text */
    --secondary-text: #4f4f4f;                  /* Less prominent text */
    --muted-text: #9a9a9a;                      /* Placeholder or helper text */

    /* === Background === */
    --primary-bg: #ffffff;                      /* Main background */
    --secondary-bg: #f2f0f0;                    /* Secondary background for cards, sections */

    /* === Buttons === */
    --primary-btn-color: #6b9dc6;               /* Primary button background */
    --primary-btn-color-hover: #80a1c1;         /* Hover state */
    --primary-btn-color-disabled: #878e96;      /* Disabled state */
    --primary-btn-text: #3b5066;                /* Text on primary button */

    --secondary-btn-color: #74C67C;             /* Secondary button */
    --secondary-btn-color-hover: #4f4f4f;       /* Hover state for secondary button */
    --secondary-btn-text: #ffffff;        /* Text on secondary button */

    /* === Alerts === */
    --danger: #d32f2f;                          /* Error color */
    --success: #388e3c;                         /* Success color */
    --warning: #f57c00;
    --info: #3c62f8;                         /* Warning color */

    /* === Borders === */
    --border-primary: #8a8a8a;                  /* Default borders */
    --border-secondary: #cccccc;                /* Less prominent borders */

    /* === Accents === */
    --accent-1: #91b8dd;                        /* Accent color */

    /* === Standard === */
    --green: #5cc367;                           /* General green tone */
}