/* theme:start — generated by bin/app-build.sh from meta.php seed #769CDF, don't edit by hand */
:root {
    --md-primary: #415F91;
    --md-on-primary: #FFFFFF;
    --md-primary-container: #D6E3FF;
    --md-on-primary-container: #284777;
    --md-secondary: #565F71;
    --md-on-secondary: #FFFFFF;
    --md-secondary-container: #DAE2F9;
    --md-on-secondary-container: #3E4759;
    --md-tertiary: #705575;
    --md-on-tertiary: #FFFFFF;
    --md-tertiary-container: #FAD8FD;
    --md-on-tertiary-container: #573E5C;
    --md-error: #BA1A1A;
    --md-on-error: #FFFFFF;
    --md-error-container: #FFDAD6;
    --md-on-error-container: #93000A;
    --md-background: #F9F9FF;
    --md-on-background: #191C20;
    --md-surface: #F9F9FF;
    --md-on-surface: #191C20;
    --md-surface-variant: #E0E2EC;
    --md-on-surface-variant: #44474E;
    --md-surface-container-lowest: #FFFFFF;
    --md-surface-container-low: #F3F3FA;
    --md-surface-container: #EDEDF4;
    --md-surface-container-high: #E7E8EE;
    --md-surface-container-highest: #E2E2E9;
    --md-outline: #74777F;
    --md-outline-variant: #C4C6D0;
    --md-inverse-surface: #2E3036;
    --md-inverse-on-surface: #F0F0F7;
    --md-inverse-primary: #AAC7FF;
    --md-red: #BA005C;
    --md-on-red: #FFFFFF;
    --md-red-container: #FFD9E1;
    --md-on-red-container: #8F0045;
    --md-yellow: #795900;
    --md-on-yellow: #FFFFFF;
    --md-yellow-container: #FFDFA0;
    --md-on-yellow-container: #5C4300;
    --md-green: #006D43;
    --md-on-green: #FFFFFF;
    --md-green-container: #7CFAB7;
    --md-on-green-container: #005232;
}
@media (prefers-color-scheme: dark) {
    :root {
        --md-primary: #AAC7FF;
        --md-on-primary: #0A305F;
        --md-primary-container: #284777;
        --md-on-primary-container: #D6E3FF;
        --md-secondary: #BEC6DC;
        --md-on-secondary: #283141;
        --md-secondary-container: #3E4759;
        --md-on-secondary-container: #DAE2F9;
        --md-tertiary: #DDBCE0;
        --md-on-tertiary: #3F2844;
        --md-tertiary-container: #573E5C;
        --md-on-tertiary-container: #FAD8FD;
        --md-error: #FFB4AB;
        --md-on-error: #690005;
        --md-error-container: #93000A;
        --md-on-error-container: #FFDAD6;
        --md-background: #111318;
        --md-on-background: #E2E2E9;
        --md-surface: #111318;
        --md-on-surface: #E2E2E9;
        --md-surface-variant: #44474E;
        --md-on-surface-variant: #C4C6D0;
        --md-surface-container-lowest: #0C0E13;
        --md-surface-container-low: #191C20;
        --md-surface-container: #1D2024;
        --md-surface-container-high: #282A2F;
        --md-surface-container-highest: #33353A;
        --md-outline: #8E9099;
        --md-outline-variant: #44474E;
        --md-inverse-surface: #E2E2E9;
        --md-inverse-on-surface: #2E3036;
        --md-inverse-primary: #415F91;
        --md-red: #FFB1C5;
        --md-on-red: #65002F;
        --md-red-container: #8F0045;
        --md-on-red-container: #FFD9E1;
        --md-yellow: #F8BD2A;
        --md-on-yellow: #402D00;
        --md-yellow-container: #5C4300;
        --md-on-yellow-container: #FFDFA0;
        --md-green: #5EDD9C;
        --md-on-green: #003921;
        --md-green-container: #005232;
        --md-on-green-container: #7CFAB7;
    }
}
/* theme:end */

/* The favourite toggle's outbox wrapper (pages/product/view.php) adds no box, so the header's button row stays one row. */
.app-favourite { display: contents; }

/* An app card without a share card yet (pages/home/view.php): an empty picture of the share card's 1200×630, so every card's title sits at the same height. */
.app-share-card-empty { aspect-ratio: 1200 / 630; }
