/*
 * Neutral grey dark theme matching the navigator map's dark flavor
 * (protomaps-themes-base: earth #1f1f1f, buffer #34373d). Loaded after
 * pico.amber.css (stylesheet_link_tag :app links alphabetically), so
 * same-specificity declarations here win. Amber primary colors are
 * inherited from Pico untouched.
 *
 * The two blocks below must stay identical: one covers an explicit
 * dark preference (data-theme="dark"), the other the "system"
 * preference with OS dark mode (no data-theme attribute).
 */
[data-theme="dark"] {
    --pico-background-color: #1f1f1f; /* map "earth" */
    --pico-color: #cacaca;
    --pico-muted-color: #8a8a8a;
    --pico-muted-border-color: #303030;

    --pico-h1-color: #f1f1f1;
    --pico-h2-color: #e4e4e4;
    --pico-h3-color: #cacaca;
    --pico-h4-color: #bcbcbc;
    --pico-h5-color: #adadad;
    --pico-h6-color: #919191;

    --pico-secondary: #9a9a9a;
    --pico-secondary-background: #545454;
    --pico-secondary-underline: rgba(154, 154, 154, 0.5);
    --pico-secondary-hover: #b8b8b8;
    --pico-secondary-hover-background: #616161;
    --pico-secondary-focus: rgba(154, 154, 154, 0.25);

    --pico-contrast: #e2e2e2;
    --pico-contrast-background: #f0f0f0;
    --pico-contrast-underline: rgba(226, 226, 226, 0.5);
    --pico-contrast-focus: rgba(215, 215, 215, 0.25);

    --pico-table-row-stripped-background-color: rgba(128, 128, 128, 0.045);
    --pico-code-background-color: #262626;
    --pico-code-color: #919191;

    --pico-form-element-background-color: #292929;
    --pico-form-element-selected-background-color: #34373d; /* map buffer */
    --pico-form-element-border-color: #3a3a3a;
    --pico-form-element-color: #e4e4e4;
    --pico-form-element-placeholder-color: #919191;
    --pico-form-element-active-background-color: #262626;

    --pico-switch-background-color: #3f3f3f;
    --pico-range-border-color: #303030;
    --pico-range-active-border-color: #3a3a3a;

    --pico-card-background-color: #262626;
    --pico-card-sectioning-background-color: #2b2b2b;
    --pico-dropdown-background-color: #262626;
    --pico-dropdown-border-color: #303030;
    --pico-dropdown-hover-background-color: #34373d; /* map buffer */
    --pico-progress-background-color: #303030;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme]) {
        --pico-background-color: #1f1f1f; /* map "earth" */
        --pico-color: #cacaca;
        --pico-muted-color: #8a8a8a;
        --pico-muted-border-color: #303030;

        --pico-h1-color: #f1f1f1;
        --pico-h2-color: #e4e4e4;
        --pico-h3-color: #cacaca;
        --pico-h4-color: #bcbcbc;
        --pico-h5-color: #adadad;
        --pico-h6-color: #919191;

        --pico-secondary: #9a9a9a;
        --pico-secondary-background: #545454;
        --pico-secondary-underline: rgba(154, 154, 154, 0.5);
        --pico-secondary-hover: #b8b8b8;
        --pico-secondary-hover-background: #616161;
        --pico-secondary-focus: rgba(154, 154, 154, 0.25);

        --pico-contrast: #e2e2e2;
        --pico-contrast-background: #f0f0f0;
        --pico-contrast-underline: rgba(226, 226, 226, 0.5);
        --pico-contrast-focus: rgba(215, 215, 215, 0.25);

        --pico-table-row-stripped-background-color: rgba(
            128,
            128,
            128,
            0.045
        );
        --pico-code-background-color: #262626;
        --pico-code-color: #919191;

        --pico-form-element-background-color: #292929;
        --pico-form-element-selected-background-color: #34373d; /* map buffer */
        --pico-form-element-border-color: #3a3a3a;
        --pico-form-element-color: #e4e4e4;
        --pico-form-element-placeholder-color: #919191;
        --pico-form-element-active-background-color: #262626;

        --pico-switch-background-color: #3f3f3f;
        --pico-range-border-color: #303030;
        --pico-range-active-border-color: #3a3a3a;

        --pico-card-background-color: #262626;
        --pico-card-sectioning-background-color: #2b2b2b;
        --pico-dropdown-background-color: #262626;
        --pico-dropdown-border-color: #303030;
        --pico-dropdown-hover-background-color: #34373d; /* map buffer */
        --pico-progress-background-color: #303030;
    }
}