/**
 * Earth Theme - Color palettes
 * ============================
 * One block per option of the "Color palette" theme setting (package.json ->
 * config.custom.color_palette). default.hbs writes the chosen palette as
 * <html data-palette="slug">, and these rules override the accent tokens that
 * screen.css declares in :root / [data-theme="dark"].
 *
 * Per palette, per mode:
 *   --theme-accent        brand color: fills, borders, dots, decoration
 *   --theme-on-accent     text on top of an accent fill (white or near-black,
 *                         whichever reaches WCAG AA 4.5:1)
 *   --theme-accent-text   accent used AS TEXT/links on the page background
 *                         (darkened in light mode, lightened in dark mode, AA)
 *   --theme-accent-hover  hover fill (darker if on-accent is white, lighter if
 *                         it is dark)
 *
 * Generated values were checked for contrast, do not tweak a hex by eye:
 * recompute it so the pairs above keep >= 4.5:1.
 *
 * The two "(Dark)" palettes use their background in dark mode, open in dark
 * mode by default (see data-palette-default) and have a lighter, derived
 * companion for the light toggle.
 */

/* White (Default) */
html[data-palette="white"] {
    --theme-background-light: #FFFFFF;
    --theme-background-dark:  #0B0B0B;
    --theme-accent:           #6B21A8;
    --theme-on-accent:        #FFFFFF;
    --theme-accent-text:      #6B21A8;
    --theme-accent-hover:     #581B8A;
}
html[data-palette="white"][data-theme="dark"] {
    --theme-accent:           #A478C9;
    --theme-on-accent:        #111111;
    --theme-accent-text:      #A478C9;
    --theme-accent-hover:     #B28CD1;
}

/* Warm Ivory */
html[data-palette="warm-ivory"] {
    --theme-background-light: #FAF8F3;
    --theme-background-dark:  #14110D;
    --theme-accent:           #D97706;
    --theme-on-accent:        #111111;
    --theme-accent-text:      #965206;
    --theme-accent-hover:     #DF8B2B;
}
html[data-palette="warm-ivory"][data-theme="dark"] {
    --theme-accent:           #D97706;
    --theme-on-accent:        #111111;
    --theme-accent-text:      #D97706;
    --theme-accent-hover:     #DF8B2B;
}

/* Soft Stone */
html[data-palette="soft-stone"] {
    --theme-background-light: #F1F0EC;
    --theme-background-dark:  #121211;
    --theme-accent:           #0EA5A4;
    --theme-on-accent:        #111111;
    --theme-accent-text:      #0C6968;
    --theme-accent-hover:     #32B2B2;
}
html[data-palette="soft-stone"][data-theme="dark"] {
    --theme-accent:           #0EA5A4;
    --theme-on-accent:        #111111;
    --theme-accent-text:      #0EA5A4;
    --theme-accent-hover:     #32B2B2;
}

/* Oat */
html[data-palette="oat"] {
    --theme-background-light: #F2EDE4;
    --theme-background-dark:  #15120E;
    --theme-accent:           #4D7C0F;
    --theme-on-accent:        #FFFFFF;
    --theme-accent-text:      #3E650C;
    --theme-accent-hover:     #3F660C;
}
html[data-palette="oat"][data-theme="dark"] {
    --theme-accent:           #749843;
    --theme-on-accent:        #111111;
    --theme-accent-text:      #749843;
    --theme-accent-hover:     #89A75F;
}

/* Mist */
html[data-palette="mist"] {
    --theme-background-light: #F0F4F3;
    --theme-background-dark:  #0D1211;
    --theme-accent:           #25635D;
    --theme-on-accent:        #FFFFFF;
    --theme-accent-text:      #25635D;
    --theme-accent-hover:     #1E514C;
}
html[data-palette="mist"][data-theme="dark"] {
    --theme-accent:           #68938F;
    --theme-on-accent:        #111111;
    --theme-accent-text:      #68938F;
    --theme-accent-hover:     #7FA3A0;
}

/* Powder Blue */
html[data-palette="powder-blue"] {
    --theme-background-light: #EEF3F8;
    --theme-background-dark:  #0C1118;
    --theme-accent:           #2563EB;
    --theme-on-accent:        #FFFFFF;
    --theme-accent-text:      #2154C8;
    --theme-accent-hover:     #1E51C1;
}
html[data-palette="powder-blue"][data-theme="dark"] {
    --theme-accent:           #5B8AF2;
    --theme-on-accent:        #111111;
    --theme-accent-text:      #5B8AF2;
    --theme-accent-hover:     #749CF4;
}

/* Sage Tint */
html[data-palette="sage-tint"] {
    --theme-background-light: #EDF2EB;
    --theme-background-dark:  #0E120D;
    --theme-accent:           #6B8F3A;
    --theme-on-accent:        #111111;
    --theme-accent-text:      #4E682A;
    --theme-accent-hover:     #81A058;
}
html[data-palette="sage-tint"][data-theme="dark"] {
    --theme-accent:           #77974A;
    --theme-on-accent:        #111111;
    --theme-accent-text:      #77974A;
    --theme-accent-hover:     #8BA765;
}

/* Lavender Haze */
html[data-palette="lavender-haze"] {
    --theme-background-light: #F3F0F7;
    --theme-background-dark:  #110E16;
    --theme-accent:           #7C3AED;
    --theme-on-accent:        #FFFFFF;
    --theme-accent-text:      #6D34D2;
    --theme-accent-hover:     #6630C2;
}
html[data-palette="lavender-haze"][data-theme="dark"] {
    --theme-accent:           #A071F3;
    --theme-on-accent:        #111111;
    --theme-accent-text:      #A071F3;
    --theme-accent-hover:     #AE86F5;
}

/* Charcoal (Dark) */
html[data-palette="charcoal"] {
    --theme-background-light: #F5F6F8;
    --theme-background-dark:  #202329;
    --theme-accent:           #9333EA;
    --theme-on-accent:        #FFFFFF;
    --theme-accent-text:      #7D2BC7;
    --theme-accent-hover:     #792AC0;
}
html[data-palette="charcoal"][data-theme="dark"] {
    --theme-accent:           #BD7FF7;
    --theme-on-accent:        #111111;
    --theme-accent-text:      #BD7FF7;
    --theme-accent-hover:     #C792F8;
}

/* Midnight Navy (Dark) */
html[data-palette="midnight-navy"] {
    --theme-background-light: #F2F5F9;
    --theme-background-dark:  #1E2935;
    --theme-accent:           #0369A1;
    --theme-on-accent:        #FFFFFF;
    --theme-accent-text:      #036195;
    --theme-accent-hover:     #025684;
}
html[data-palette="midnight-navy"][data-theme="dark"] {
    --theme-accent:           #38BDF8;
    --theme-on-accent:        #111111;
    --theme-accent-text:      #38BDF8;
    --theme-accent-hover:     #56C7F9;
}