:root {
    --background-color: #1e1e2e;
    --surface-color: #45475a;
    --text-color: #cdd6f4;
    --accent-color: #cba6f7;
    --header-color: #fab387;
    --sub-header-color: #f9e2af;
    --important-color: #f38ba8;
}

table {
    margin: 2em 0;
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 30%;
}

table tr>td:first-child::before {
    content: ' ';
}

table tr>td {
    /* background: #a6e3a1; */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    /* background-clip: text; */
}

table tr:nth-child(2)>td:nth-child(2) {
    background: linear-gradient(90deg,
            /* sharp gold */
            #e6c045,
            /* bright punchy gold highlight */
            #ffd86b,
            /* retro-punk aqua (cyan neon) */
            #00f7ff,
            /* deeper electric aqua */
            #00c8ff,
            /* neon magenta/pink */
            #ff39c6,
            /* hot neon pink */
            #ff0099);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;

    text-shadow:
        /* gold glow */
        0 0 6px rgba(255, 230, 150, 0.6),
        /* aqua neon */
        0 0 10px rgba(0, 255, 255, 0.55),
        /* neon pink */
        0 0 16px rgba(255, 0, 170, 0.55);
}

table tr:nth-child(2)>td {
    background: linear-gradient(135deg, #FFD700 0%, #FFED4E 25%, #C5A028 50%, #FFD700 75%, #FFED4E 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

table tr:nth-child(2)>td:nth-child(2)::before {
    font-size: 20px;
    background: linear-gradient(135deg, #FFD700 0%, #FFED4E 25%, #C5A028 50%, #FFD700 75%, #FFED4E 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    content: " ";
    text-shadow: none;
}

table tr:nth-child(3)>td {
    background: linear-gradient(135deg, #98a1ac 0%, #d0d5d7 25%, #808fa5 50%, #98a1ac 75%, #d0d5d7 100%);
    /* background: linear-gradient(135deg, #E8E8E8 0%, #FFFFFF 25%, #9E9E9E 50%, #E8E8E8 75%, #FFFFFF 100%); */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

table tr:nth-child(3)>td:nth-child(2)::before {
    font-size: 20px;
    background: linear-gradient(135deg, #98a1ac 0%, #d0d5d7 25%, #808fa5 50%, #98a1ac 75%, #d0d5d7 100%);
    /* background: linear-gradient(135deg, #E8E8E8 0%, #FFFFFF 25%, #9E9E9E 50%, #E8E8E8 75%, #FFFFFF 100%); */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    content: " ";
}

table tr:nth-child(4)>td {
    background: linear-gradient(135deg, #CD7F32 0%, #E6A157 25%, #8B5A2B 50%, #CD7F32 75%, #E6A157 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

table tr:nth-child(4)>td:nth-child(2)::before {
    font-size: 20px;
    background: linear-gradient(135deg, #CD7F32 0%, #E6A157 25%, #8B5A2B 50%, #CD7F32 75%, #E6A157 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    content: " ";
}

td,
th {
    border: 1px solid var(--surface-color);
    text-align: left;
    padding: 8px;
}

th {
    /* text-align: center; */
    color: var(--sub-header-color)
}

tr:nth-child(even) {
    /* background-color: var(--sub-header-color); */
}