/* Turquoise Blue: #6CDAE7 
    Hex: #40E0D0
    RGB: (64, 224, 208) */
/* Primary Yellow:
    Hex: #FFFF00
    RGB: (255, 255, 0) */
/* Primary Red:
    Hex: #FF0000
    RGB: (255, 0, 0) */

/* DARK MODE */
[data-theme="dark"] {
    --bg-primary: #1a252f;
    --bg-secondary: #2c3e50;
    --even-bg-color: #494747;
    --primary-color: #6CDAE7;
    --primary-color-yellow: #FFFF00;
    --primary-color-red: #FF0000;
    --accent-color: #2c3e50;
    --text-primary: #ffffff;
    /* --text-secondary: #e74c3c; */
    --text-body: #ddd;
    --card-bg: #2c3e50;
    --card-shadow: rgba(0, 0, 0, 0.5);
    /* --button-bg: #e74c3c; */
    --button-bg: 255, 0, 0; /* #e74c3c*/ 
    --button-bg-hover: #c0392b;
    --box-shadow: rgba(120, 119, 119, 0.3);

}


/* LIGHT MODE */
[data-theme="light"] { 
    --bg-primary: #ffffff; 
    --bg-secondary: #f8f9fa;
    --even-bg-color: #c2c1c1;
    --primary-color: #6CDAE7;
    --primary-color-yellow: #FFFF00;
    --primary-color-red: #FF0000;
    --accent-color: #2c3e50;
    --text-primary: #333;
    /* --text-secondary: #2c3e50; */
    --text-body: #666;
    --card-bg: #ffffff;
    --card-shadow: rgba(0, 0, 0, 0.1);
    /* --button-bg: #e74c3c; */
    --button-bg: 255, 0, 0; /* #e74c3c*/
    --button-bg-hover: #c0392b; 
    --box-shadow: rgba(16, 15, 15, 0.3);
}