/**
 * Q2 DARK CONTRAST — corrections for the dark veils, loaded after the QLunar2 bundle.
 * Everything here only lifts what is too deep or too faint on a dark surface (status colours, muted ink,
 * ghost buttons, pressed chips) and fixes [hidden] being beaten by a component's display. Tokens only.
 * Fold into the component sources when the dist is next rebuilt.
 */
.q2-badge[hidden], .q2-chip[hidden], .q2-btn[hidden] { display: none !important; }

/* Status badges: tint + light text from the 200/300 steps, so they hold on glass. */
:is(html[data-ql-veil="waning-gibbous"], html[data-ql-veil="last-quarter"], html[data-ql-veil="waning-crescent"], html[data-ql-veil="eclipse"], html[data-ql-veil="total-eclipse"], html[data-theme="dark"]) .q2-badge--success { color: var(--success-200); background: color-mix(in srgb, var(--success-400) 24%, transparent); border-color: color-mix(in srgb, var(--success-300) 45%, transparent); }
:is(html[data-ql-veil="waning-gibbous"], html[data-ql-veil="last-quarter"], html[data-ql-veil="waning-crescent"], html[data-ql-veil="eclipse"], html[data-ql-veil="total-eclipse"], html[data-theme="dark"]) .q2-badge--info    { color: var(--info-200, var(--secondary-200)); background: color-mix(in srgb, var(--info-400, var(--secondary-400)) 24%, transparent); border-color: color-mix(in srgb, var(--info-300, var(--secondary-300)) 45%, transparent); }
:is(html[data-ql-veil="waning-gibbous"], html[data-ql-veil="last-quarter"], html[data-ql-veil="waning-crescent"], html[data-ql-veil="eclipse"], html[data-ql-veil="total-eclipse"], html[data-theme="dark"]) .q2-badge--warning { color: var(--warning-200); background: color-mix(in srgb, var(--warning-400) 24%, transparent); border-color: color-mix(in srgb, var(--warning-300) 45%, transparent); }
:is(html[data-ql-veil="waning-gibbous"], html[data-ql-veil="last-quarter"], html[data-ql-veil="waning-crescent"], html[data-ql-veil="eclipse"], html[data-ql-veil="total-eclipse"], html[data-theme="dark"]) .q2-badge--danger  { color: var(--danger-200); background: color-mix(in srgb, var(--danger-400) 24%, transparent); border-color: color-mix(in srgb, var(--danger-300) 45%, transparent); }
:is(html[data-ql-veil="waning-gibbous"], html[data-ql-veil="last-quarter"], html[data-ql-veil="waning-crescent"], html[data-ql-veil="eclipse"], html[data-ql-veil="total-eclipse"], html[data-theme="dark"]) .q2-badge--neutral { color: var(--default-100); border-color: color-mix(in srgb, var(--default-100) 32%, transparent); }

/* Muted ink: placeholders, hints and "(optional)" keep a readable step above the glass. */
:is(html[data-ql-veil="waning-gibbous"], html[data-ql-veil="last-quarter"], html[data-ql-veil="waning-crescent"], html[data-ql-veil="eclipse"], html[data-ql-veil="total-eclipse"], html[data-theme="dark"]) .q2-field__optional, :is(html[data-ql-veil="waning-gibbous"], html[data-ql-veil="last-quarter"], html[data-ql-veil="waning-crescent"], html[data-ql-veil="eclipse"], html[data-ql-veil="total-eclipse"], html[data-theme="dark"]) .q2-field__hint, :is(html[data-ql-veil="waning-gibbous"], html[data-ql-veil="last-quarter"], html[data-ql-veil="waning-crescent"], html[data-ql-veil="eclipse"], html[data-ql-veil="total-eclipse"], html[data-theme="dark"]) .q2-field__label-optional { color: color-mix(in srgb, var(--default-100) 78%, transparent); }
:is(html[data-ql-veil="waning-gibbous"], html[data-ql-veil="last-quarter"], html[data-ql-veil="waning-crescent"], html[data-ql-veil="eclipse"], html[data-ql-veil="total-eclipse"], html[data-theme="dark"]) .q2-input::placeholder, :is(html[data-ql-veil="waning-gibbous"], html[data-ql-veil="last-quarter"], html[data-ql-veil="waning-crescent"], html[data-ql-veil="eclipse"], html[data-ql-veil="total-eclipse"], html[data-theme="dark"]) .q2-textarea::placeholder { color: color-mix(in srgb, var(--default-100) 60%, transparent); opacity: 1; }
:is(html[data-ql-veil="waning-gibbous"], html[data-ql-veil="last-quarter"], html[data-ql-veil="waning-crescent"], html[data-ql-veil="eclipse"], html[data-ql-veil="total-eclipse"], html[data-theme="dark"]) .q2-inline-dropdown__trigger-label--placeholder { color: color-mix(in srgb, var(--default-100) 68%, transparent); }
:is(html[data-ql-veil="waning-gibbous"], html[data-ql-veil="last-quarter"], html[data-ql-veil="waning-crescent"], html[data-ql-veil="eclipse"], html[data-ql-veil="total-eclipse"], html[data-theme="dark"]) .q2-modal__subtitle { color: color-mix(in srgb, var(--default-100) 82%, transparent); }

/* Small ghost buttons inside dialogs read as buttons, not as stray text. */
:is(html[data-ql-veil="waning-gibbous"], html[data-ql-veil="last-quarter"], html[data-ql-veil="waning-crescent"], html[data-ql-veil="eclipse"], html[data-ql-veil="total-eclipse"], html[data-theme="dark"]) .q2-modal .q2-btn--ghost.q2-btn--sm { border: 1px solid color-mix(in srgb, var(--default-100) 24%, transparent); color: var(--default-50); }
:is(html[data-ql-veil="waning-gibbous"], html[data-ql-veil="last-quarter"], html[data-ql-veil="waning-crescent"], html[data-ql-veil="eclipse"], html[data-ql-veil="total-eclipse"], html[data-theme="dark"]) .q2-modal .q2-btn--ghost.q2-btn--sm:hover { background: color-mix(in srgb, var(--default-50) 10%, transparent); border-color: color-mix(in srgb, var(--default-100) 40%, transparent); }
:is(html[data-ql-veil="waning-gibbous"], html[data-ql-veil="last-quarter"], html[data-ql-veil="waning-crescent"], html[data-ql-veil="eclipse"], html[data-ql-veil="total-eclipse"], html[data-theme="dark"]) .q2-modal .q2-btn--ghost.q2-btn--sm:disabled { color: color-mix(in srgb, var(--default-100) 50%, transparent); border-style: dashed; }

/* Pressed control chips: clearly "on". */
:is(html[data-ql-veil="waning-gibbous"], html[data-ql-veil="last-quarter"], html[data-ql-veil="waning-crescent"], html[data-ql-veil="eclipse"], html[data-ql-veil="total-eclipse"], html[data-theme="dark"]) .q2-chip--control[aria-pressed="true"] { background: color-mix(in srgb, var(--primary-400) 26%, transparent); border-color: color-mix(in srgb, var(--primary-300) 75%, transparent); color: var(--default-50); }