:root {
    --color-bg-light: #f1f5f9;
    --color-bg-dark: rgb(4, 28, 50);

    --color-card: rgba(20, 24, 31, 0.75);
    --color-text: #ffffff;
    --color-text-muted: #94a3b8;
    --color-accent: #39ff14;
    --color-menu-title: #000;

    --color-table-header:#16a34a;

    --color-btn-primary:   #3b82f6;
    --color-btn-secondary: #8b5cf6;
    --color-btn-success:   #22c55e;
    --color-btn-danger:    #ef4444;
    --color-btn-warning:   #facc15;
    --color-btn-info:      #06b6d4;
    --color-btn-light:     #f8fafc;
    --color-btn-dark:      #1e293b;

    /* اگر رنگ جیغ‌تر می‌خواهی: */
    --color-btn-primary-strong:   #007bff;
    --color-btn-secondary-strong: #a855f7;
    --color-btn-success-strong:   #39ff14;
    --color-btn-danger-strong:    #ff1a1a;
    --color-btn-warning-strong:   #ffee00;
    --color-btn-info-strong:      #00e5ff;
    --color-btn-dark-strong:      #0f172a;



    /*استایل مربوط به تم شیشه ای*/
    /* glass background */
    --glass-bg: rgba(255,255,255,0.25);

    /* glass border */
    --glass-border: rgba(255,255,255,0.30);

    /* blur strength */
    --glass-blur: blur(12px);

    /* shadow */
    --glass-shadow: 0 8px 32px rgba(0,0,0,0.2);

    /* hover shadow */
    --glass-shadow-hover: 0 12px 40px rgba(0,0,0,0.3);

    /* radius */
    --glass-radius: 16px;

    /* text */
    --glass-text: #222;

    /* accent color */
    --glass-primary: #4f46e5;

    /* navbar */
    --glass-navbar-bg: rgba(255,255,255,0.35);
}