/* Fusion5 — dark mode of the default theme.
 *
 * Every rule here requires :root[data-theme="default"][data-mode="dark"], so the
 * default light look cannot change because of this file. Same brand: violet,
 * coral and teal on a deep violet-grey ground, Segoe UI, the default radii.
 *
 * Tokens only. The structural fixes a dark surface needs (white tiles, the nav
 * tab, unstyled controls) are shared with Astra-Tyrian's dark mode and live in
 * dark-mode.css. Every text token clears 4.5:1 on all three surfaces.
 *
 * The coral accent is kept exactly: white on #FF5C39 is 3.1:1, the same as the
 * light theme's buttons, and changing it would change the brand.
 */
:root[data-theme="default"][data-mode="dark"] {
    --surface:         #1C1823;
    --surface-raised:  #251F2E;
    --surface-sunken:  #14111A;
    --surface-base:    #0F0C14;
    --surface-inverse: #E9E4F0;

    --text:            #ECE8F2;
    --text-muted:      #B3ABC0;
    --text-faint:      #9A91A9;
    --text-on-accent:  #FFFFFF;
    --text-inverse:    #1C1823;

    --line-faint:      #2A2433;
    --line:            #3A3245;
    --line-strong:     #5E536C;

    --accent:          #FF5C39;
    --accent-hover:    #FF7A5C;
    --accent-text:     #FF8A6B;
    --accent-soft:     #3A1C16;
    --accent-fill:     rgba(255, 92, 57, .28);
    --brand:           #4A2763;
    --brand-soft:      #A993B8;
    --brand-text:      #D2BEEA;
    --text-on-brand:   #FFFFFF;

    --ok:              #43C46B;
    --ok-bg:           #0F2A18;
    --ok-text:         #6FDB8F;
    --warn:            #F59E0B;
    --warn-bg:         #2E2106;
    --warn-text:       #F8BE5C;
    --danger:          #EF5350;
    --danger-bg:       #2E0E10;
    --danger-text:     #FF8A8A;
    --info:            #5FA3C0;
    --info-bg:         #0F2530;
    --info-text:       #8CC5DD;

    /* Astra-Tyrian's dark-validated set: same hues, darker-surface steps. */
    --series-1:        #3987e5;
    --series-2:        #d95926;
    --series-3:        #199e70;
    --series-4:        #c98500;
    --series-5:        #d55181;
    --series-6:        #008300;
    --series-7:        #9085e9;
    --series-8:        #e66767;
    --series-other:    #9A91A9;

    --panel-shadow:    0 2px 10px rgba(0, 0, 0, .45);
    --focus-ring:      0 0 0 3px rgba(255, 92, 57, .45);
    --page-canvas:     linear-gradient(135deg, #1E0F29 0%, #12262F 100%);

    /* Legacy brand vars, moved only where a dark surface needs it. The coral
     * and teal stay as they are, so an instance's own brand colours still win. */
    --fusion5-violet:  #241331;   /* the page backdrop gradient starts here */
    --violet:          #4A2763;   /* used as a fill */
    --camille-grey:    #183039;   /* ...and ends here; also chip fills under white type */
    --jet:             #ECE8F2;
    --white:           #1C1823;
    --light-grey:      #14111A;
    --off-white:       #1C1823;
}