/* Messaging E2E Demo, dark, in the MQ Summit website's colours (D-54), purple as an accent only (D-57): white text on
   neutral charcoal (#121417 content, #1B1E22 cards) framed in the site's near-black #000101, with no purple cast on
   any surface; gold #C8A465 primary actions with navy #10202F labels; sky #80C0FA links and focus; violet #735ABF for
   the selected tab and the chart. Every text pairing here measures at least 4.5:1 (WCAG relative luminance); the
   lowest is navy on gold, 7.05:1. */
@layer rspond.theme {
    :root {
        --messaging-brand: #80C0FA;
        --messaging-brand-container: #1B1E22;
        --messaging-on-brand-container: #FFFFFF;

        --rspond-brand-primary: #C8A465;
        --rspond-brand-green: #C8A465;
        --rspond-brand-blue: #80C0FA;
        --rspond-logo-wordmark-color: #FFFFFF;
        --rspond-page-background-primary: #121417;
        --rspond-page-background-secondary: #000101;
        --rspond-header-background: #000101;
        --rspond-footer-background: #000101;
        --rspond-header-text: #D0D4DA;
        --rspond-footer-text: #D0D4DA;
        --rspond-header-link-color: #80C0FA;
        --rspond-header-link-color-hover: #A8D4FC;
        --rspond-card-background: #1B1E22;
        --rspond-card-background-hover: #24282D;

        --rspond-components-text-primary: #FFFFFF;
        --rspond-components-text-heading: #FFFFFF;
        --rspond-components-text-secondary: #D0D4DA;
        --rspond-components-text-muted: #A9AFB8;

        --rspond-status-info: #80C0FA;
        --rspond-status-info-hover: #A8D4FC;
        --rspond-status-info-background: rgba(128, 192, 250, 0.12);
        --rspond-status-info-border: rgba(128, 192, 250, 0.40);
        --rspond-status-success: #6DD58C;
        --rspond-status-success-hover: #9CEBAF;
        --rspond-status-success-background: rgba(109, 213, 140, 0.12);
        --rspond-status-success-border: rgba(109, 213, 140, 0.40);
        --rspond-status-warning: #FFC966;
        --rspond-status-warning-background: rgba(255, 201, 102, 0.14);
        --rspond-status-warning-border: rgba(255, 201, 102, 0.45);
        --rspond-status-danger: #FFB4AB;
        --rspond-status-danger-hover: #FFDAD6;
        --rspond-status-danger-background: rgba(255, 180, 171, 0.14);
        --rspond-status-danger-border: rgba(255, 180, 171, 0.45);

        --rspond-border-color: #7C838D;
        --rspond-border-color-subtle: #2E3238;
        --rspond-border-radius-small: 8px;
        --rspond-border-radius-medium: 10px;
        --rspond-border-radius-large: 16px;

        /* Keyboard focus has its own colour, never the brand's (D-58): a solid ring, so it measures what it is. */
        --messaging-focus: #80C0FA;
        --rspond-components-focus-ring: 0 0 0 3px var(--messaging-focus);
        --rspond-components-focus-wash: rgba(115, 90, 191, 0.24);
        --rspond-selected-background: #735ABF;
        --rspond-selected-text: #FFFFFF;
        --rspond-button-primary-background: #C8A465;
        --rspond-button-primary-background-hover: #D8BB85;
        --rspond-button-primary-border: #C8A465;
        --rspond-button-primary-text: #10202F;
        --rspond-button-secondary-background: transparent;
        --rspond-button-secondary-border: #7C838D;
        --rspond-button-secondary-text: #80C0FA;
        --rspond-link-color: #80C0FA;
        --rspond-link-color-hover: #A8D4FC;
        --rspond-link-color-secondary: #D0D4DA;
        --rspond-link-color-secondary-hover: #80C0FA;
        --rspond-resize-handle-color-hover: #80C0FA;
        --rspond-row-odd-background: rgba(255, 255, 255, 0.04);
        --rspond-palette-blue: #80C0FA;
        --rspond-palette-green: #6DD58C;
        --rspond-palette-red: #FFB4AB;
        --rspond-code-background: #000101;
        --rspond-code-text: #FFFFFF;
        --rspond-code-border: #2E3238;
        --rspond-toast-background: #24282D;
        --rspond-toast-text: #FFFFFF;
        --rspond-autocomplete-background: #1B1E22;
        --rspond-autocomplete-hover-background: #24282D;
    }
}