/* ============================================
   MaasMemberPwa-Specific CSS Variables
   ============================================
   App-specific variables for MaasMemberPwa
   Version: 1.0.0
   Last Updated: 2026-01-07
*/

:root {
    /* ============================================
       Voting Badge Colors (8-color system A-H)
       ============================================ */

    /* Question A - Pink */
    --voting-badge-a-bg: #F2C7DB;
    --voting-badge-a-text: #831843;

    /* Question B - Blue */
    --voting-badge-b-bg: #BDCAFF;
    --voting-badge-b-text: #1e3a8a;

    /* Question C - Orange */
    --voting-badge-c-bg: #F8D5B3;
    --voting-badge-c-text: #92400e;

    /* Question D - Light Blue */
    --voting-badge-d-bg: #69b3e1;
    --voting-badge-d-text: #0c4a6e;

    /* Question E - Purple */
    --voting-badge-e-bg: #bfa6dd;
    --voting-badge-e-text: #4c1d95;

    /* Question F - Orange-Tan */
    --voting-badge-f-bg: #f5c7b1;
    --voting-badge-f-text: #9a3412;

    /* Question G - Green */
    --voting-badge-g-bg: #a0e5bc;
    --voting-badge-g-text: #14532d;

    /* Question H - Red-Tan */
    --voting-badge-h-bg: #efa39f;
    --voting-badge-h-text: #7f1d1d;


    /* ============================================
       NavMenu Sidebar Colors
       ============================================ */

    --nav-sidebar-bg: #7891d1;
    --nav-sidebar-hover: rgba(255, 255, 255, 0.15);
    --nav-active-bg: #7a8ed1;


    /* ============================================
       Admin Section Colors
       ============================================ */

    --nav-admin-bg: #ffedd5;
    --nav-admin-text: #9a3412;
    --nav-admin-icon: #ea580c;
    --nav-admin-hover: #fed7aa;


    /* ============================================
       SuperAdmin Section Colors
       ============================================ */

    --nav-superadmin-bg: #fee2e2;
    --nav-superadmin-text: #991b1b;
    --nav-superadmin-icon: #dc2626;
    --nav-superadmin-hover: #fecaca;


    /* ============================================
       Header Gradient
       ============================================ */

    --header-gradient: linear-gradient(135deg, #f8f9ff 0%, #f0f4ff 100%);
}