:root {
    --whitecolor: #ffffff;
    --blackcolor: #1a1a2e;
    --websitecolor: #0d9488;
    --websitelightcolor: rgba(13, 148, 136, 0.1);
    --bodycolor: #64748b;
    --lightgreycolor: #f1f5f9;
    --greycolor: #94a3b8;
    --greyrgb: rgba(148, 163, 184, 0.15);
    --inputborder: #e2e8f0;
    --inputcolor: #94a3b8;

    /* Enhancement tokens */
    --card-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 16px rgba(0,0,0,0.06);
    --card-hover-shadow: 0 10px 40px rgba(0,0,0,0.12);
    --card-radius: 16px;
    --transition-speed: 0.2s;
    --header-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 4px 20px rgba(0,0,0,0.04);
    --sidebar-shadow: 1px 0 20px rgba(0, 0, 0, 0.06);
    --input-focus-border: rgba(13, 148, 136, 0.5);
    --input-focus-shadow: 0 0 0 4px rgba(13, 148, 136, 0.1);
    --success-bg: #ecfdf5;
    --danger-bg: #fef2f2;
    --warning-bg: #fffbeb;
    --info-bg: #f0f9ff;
    --gradient-primary: linear-gradient(135deg, #0d9488 0%, #14b8a6 100%);
    --gradient-secondary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    --table-hover-bg: rgba(13, 148, 136, 0.04);
    --thead-bg: linear-gradient(135deg, #0f766e 0%, #0d9488 50%, #14b8a6 100%);
    --sidebar-bg: #ffffff;
    --sidebar-active-bg: linear-gradient(135deg, #0d9488 0%, #14b8a6 100%);
    --login-gradient: linear-gradient(135deg, #0f766e 0%, #0d9488 40%, #14b8a6 100%);
    --body-bg: #f8fafc;

    --websitebackground: #0d9488;
    --websiteboxshadow: 0 4px 14px rgba(13, 148, 136, 0.4);
}