/* Brand tints (match front/constants/Colors.ts + app.json splash/adaptive bg):
   light tint #00a4c9, dark tint #0a7ea4 (white text stays AA-visible on dark).
   Buttons use #00708c (darker accessible shade) so white text passes WCAG AA. */
body {
    background-color: #0a7ea4;
    background-image: linear-gradient(180deg, #0a7ea4 0%, #023b4a 100%);
    min-height: 100vh;
    color: white;
}
.header-logo {
    background-color: #0a7ea4;
}
.card {
    background-color: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(5px);
    border-radius: 8px;
    transition: transform 0.3s ease;
}
.card:hover {
    transform: translateY(-5px);
}
.button {
    background-color: #00708c;
    transition: background-color 0.3s ease;
}
.button:hover {
    background-color: #0a7ea4;
}