:root {
    /* ===============================
       Brand / Primary (GREEN)
    =============================== */
    --color-primary: #8CC63F; /* Main brand green */
    --color-primary-hover: #6FA32F; /* Darker green */
    --color-primary-disabled: #CDE7A8; /* Muted green */
    /* ===============================
       Navbar (BLACK)
    =============================== */
    --color-navbar-bg: #000000; /* Pure black */
    --color-navbar-text: #FFFFFF;
    --color-navbar-hover-bg: rgba(255, 255, 255, 0.12);
    --color-navbar-border: rgba(255, 255, 255, 0.15);
    /* ===============================
       Backgrounds (Neutral Gray Scale)
    =============================== */
    --color-bg-page-start: #F5F6F7;
    --color-bg-page-end: #ECEFF1;
    --color-bg-white: #FFFFFF;
    --color-bg-table-header: #F9FAFB;
    --color-bg-table-row-hover: #F3F4F6;
    /* ===============================
       Text
    =============================== */
    --color-text-primary: #0A0A0A; /* Near black */
    --color-text-secondary: #3F3F3F;
    --color-text-muted: #9CA3AF;
    --color-text-input: #0A0A0A;
    --color-text-placeholder: #9CA3AF;
    --color-text-action: #3F3F3F;
    /* ===============================
       Borders
    =============================== */
    --color-border-default: #D1D5DB;
    --color-border-hover: #9CA3AF;
    --color-border-table: #E5E7EB;
    /* ===============================
       Effects / Shadows
    =============================== */
    --color-focus-ring: rgba(140, 198, 63, 0.30); /* Green focus ring */
    --color-shadow-card: rgba(0, 0, 0, 0.08);
    --color-shadow-button: rgba(140, 198, 63, 0.35);
    --color-shadow-input: rgba(0, 0, 0, 0.03);
    --color-shadow-soft: rgba(0, 0, 0, 0.06);
    /* ===============================
       Icons
    =============================== */
    --color-icon-default: #3F3F3F;
    --color-icon-hover: #8CC63F;
    /* ===============================
       Status (Brand-aligned)
    =============================== */
    --color-status-success-bg: #F1FAE8;
    --color-status-success-text: #3E6B1F;
    --color-status-warning-bg: #FFFBEB;
    --color-status-warning-text: #B45309;
    --color-status-danger-bg: #FEF2F2;
    --color-status-danger-text: #B91C1C;
    /* ===============================
       Scroll bar
    =============================== */
    --scroll-thumb-color: #7D7D7D; /* Gray */
    --scroll-track-color: #E0E0E0; /* Very Light Gray */
}