:root {
    color-scheme: dark;
    --primary: #5eead4;
    --primary-dark: #2dd4bf;
    --text: #e5f3f1;
    --muted: #9bb7b4;
    --border: #284744;
    --background: #071716;
    --surface: #102523;
    --surface-muted: #0a1d1b;
    --footer: #030b0b;
    --header-background: rgba(3, 24, 22, 0.95);
    --admin-header-background: #134e4a;
    --input-background: #0a1d1b;
    --input-text: #e5f3f1;
    --input-border: #365f5b;
    --button-light-background: #ccfbf1;
    --button-light-text: #134e4a;
    --card-shadow: 0 14px 34px rgba(0, 0, 0, 0.34);
}

.card {
    border: 1px solid var(--border);
    border-radius: 18px;
}

.button-secondary {
    background: #284744;
}

.expandable-card.active {
    border-left-color: var(--primary);
}

.info-page-card.has-image .info-page-layout {
    display: grid;
    grid-template-columns: minmax(240px, 40%) minmax(0, 1fr);
    gap: 28px;
    align-items: stretch;
}

.info-page-card.image-right .info-page-image {
    order: 2;
}

.info-page-card.has-image .info-page-image {
    margin-bottom: 0;
}

.info-page-card.has-image .info-page-image img {
    height: 100%;
    min-height: 260px;
    max-height: 460px;
    aspect-ratio: auto;
}

@media (max-width: 850px) {
    .info-page-card.has-image .info-page-layout {
        grid-template-columns: 1fr;
    }

    .info-page-card.image-right .info-page-image {
        order: initial;
    }

    .info-page-card.has-image .info-page-image {
        margin-bottom: 20px;
    }

    .info-page-card.has-image .info-page-image img {
        height: auto;
        min-height: 0;
        max-height: none;
        aspect-ratio: 16 / 9;
    }
}