[data-style="dark"] {
    color-scheme: dark;
    background-color: #111;
}

[data-style="dark"] body {
    background-color: #111;
    color: #f4f4f5;
}

[data-style="dark"] a {
    color: #7dd3fc;
}

[data-style="dark"] a:hover,
[data-style="dark"] a:focus {
    color: #38bdf8;
}

[data-style="dark"] .wp-block-group,
[data-style="dark"] .wp-block-cover,
[data-style="dark"] .wp-block-columns,
[data-style="dark"] .wp-block-column {
    background-color: #000 !important;
    color: inherit;
}

[data-style="dark"] .wp-block-button__link {
    background-color: #2563eb;
    color: #f8fafc;
}

[data-style="dark"] .wp-block-button__link:hover,
[data-style="dark"] .wp-block-button__link:focus {
    background-color: #1d4ed8;
}

[data-style="dark"] .wp-block-table,
[data-style="dark"] table {
    background-color: rgba(24, 24, 27, 0.9);
    color: inherit;
}

[data-style="dark"] .wp-block-table td,
[data-style="dark"] .wp-block-table th,
[data-style="dark"] table td,
[data-style="dark"] table th {
    border-color: rgba(148, 163, 184, 0.3);
}

[data-style="dark"] .wp-block-separator {
    border-color: rgba(148, 163, 184, 0.4);
}

[data-style="dark"] input,
[data-style="dark"] textarea,
[data-style="dark"] select {
    background-color: rgba(31, 41, 55, 0.9);
    color: #f8fafc;
    border-color: rgba(148, 163, 184, 0.4);
}

[data-style="dark"] input:focus,
[data-style="dark"] textarea:focus,
[data-style="dark"] select:focus {
    border-color: #38bdf8;
    outline-color: #38bdf8;
}