/* stylelint-disable */

:root {
    --colorPrimary900: #306BA4;
    --colorPrimary600: #1d1b3e;
    --colorAppBackground: #000000;
}

/* Invert dark text to light */
body,
[class*="ashby"],
[class*="_title"],
[class*="_heading"],
[class*="_description"],
[class*="_label"],
[class*="_text"],
[class*="_content"],
p, h1, h2, h3, h4, h5, h6, span, label, li {
    color: #ffffff !important;
}

/* Keep muted text slightly dimmer */
[class*="_muted"],
[class*="_secondary"],
[class*="_subtitle"] {
    color: #aaaaaa !important;
}

/* Dark background for modals/dropdowns */
[class*="filtersVisible"],
[class*="filtersContai"],
[class*="Modal"],
[class*="modal"],
[class*="Popover"],
[class*="popover"],
[class*="dropdown"],
[class*="Dropdown"],
[class*="_filters_"],
[class*="_12ylk_"] {
    background-color: #111111 !important;
    background: #111111 !important;
    border-color: #333333 !important;
}

/* Modal/menu text and buttons */
[class*="filtersVisible"] *,
[class*="filtersContai"] *,
[class*="Modal"] *,
[class*="modal"] *,
[class*="Popover"] *,
[class*="popover"] * {
    color: #ffffff !important;
}

/* Close button / X button */
[class*="close"],
[class*="Close"],
[class*="dismiss"],
[class*="Dismiss"],
button[aria-label="Close"],
button[aria-label="Dismiss"] {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* SVG icons inside buttons */
[class*="filtersVisible"] svg,
[class*="filtersContai"] svg,
[class*="Modal"] svg,
[class*="modal"] svg,
button svg {
    fill: #ffffff !important;
    stroke: #ffffff !important;
}
