:root {
    --tt-bg: #050B16;
    --tt-surface: #0C1526;
    --tt-surface-2: #101B30;
    --tt-teal: #19D3D3;
    --tt-green: #7CF23A;
    --tt-text: #F5F7FA;
    --tt-text-muted: #8D97A5;
}

html, body {
    background:
        radial-gradient(circle at top, rgba(25, 211, 211, 0.10), transparent 30%),
        linear-gradient(180deg, #07111F 0%, #050B16 100%);
    color: var(--tt-text);
}

.mud-paper,
.mud-card {
    background: linear-gradient(180deg, #0C1526 0%, #0A1222 100%);
    border: 1px solid rgba(255,255,255,0.06);
    box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}

.mud-appbar {
    border-bottom: 1px solid rgba(255,255,255,0.06);
    backdrop-filter: blur(8px);
}

.mud-button-filled.mud-button-filled-primary {
    box-shadow: 0 0 18px rgba(25, 211, 211, 0.22);
}

.mud-button-filled.mud-button-filled-secondary {
    box-shadow: 0 0 18px rgba(124, 242, 58, 0.20);
}

.tt-glow-teal {
    box-shadow: 0 0 20px rgba(25, 211, 211, 0.25);
}

.tt-glow-green {
    box-shadow: 0 0 20px rgba(124, 242, 58, 0.22);
}

.tt-panel-title {
    font-weight: 700;
    letter-spacing: 0.02em;
}

.tt-gradient-text {
    background: linear-gradient(90deg, #7CF23A 0%, #19D3D3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}