/*
 * Attachment-style colours (AD2). PROPOSED, not confirmed. See docs/design/adhd/style-colours.md.
 * One colour per style, a navigation aid like 16Personalities' group colours. Not product colours:
 * hues stay out of red / rose / mauve (290-20 deg) and away from navy/burgundy/cream. Styles are not diagnoses.
 * Never rely on colour alone: every use also carries the emblem shape (shared/emblems.js) and the style name.
 * Per style: --style-X (UI mark / icon / border, >= 3:1 on bg), --style-X-soft (section tint),
 * --style-X-ink (text on the tint, >= 4.5:1). X = secure | anxious | dismissive | fearful.
 * :root holds a mid-tone fallback that is >= 3:1 on every current palette background, so palettes
 * added later inherit it until they define their own set. Palette blocks come after :root on purpose.
 * Checked by scripts/check-style-colors.mjs (part of `npm run contrast`).
 */

/* Fallback (mid-tones; works on dark and light backgrounds). Soft/ink are a light tint with dark text. */
:root {
  --style-secure: #2d8d68;
  --style-secure-soft: #deefe8;
  --style-secure-ink: #0f2e21;
  --style-anxious: #b35f05;
  --style-anxious-soft: #f3e5d7;
  --style-anxious-ink: #361d02;
  --style-dismissive: #308991;
  --style-dismissive-soft: #deeced;
  --style-dismissive-ink: #0e292c;
  --style-fearful: #a34cfa;
  --style-fearful-soft: #f0e2fe;
  --style-fearful-ink: #31174b;
}

/* 1. Deep Teal (dark): bright marks, dark tints, light ink. */
[data-palette="1"] {
  --style-secure: #2b8264;
  --style-secure-soft: #193d39;
  --style-secure-ink: #cae0d8;
  --style-anxious: #fbcc60;
  --style-anxious-soft: #474d38;
  --style-anxious-ink: #fef2d7;
  --style-dismissive: #b3d0e6;
  --style-dismissive-soft: #374e56;
  --style-dismissive-ink: #ecf3f9;
  --style-fearful: #865aed;
  --style-fearful-soft: #2d3457;
  --style-fearful-ink: #e1d6fb;
}

/* 2. Daylight Amber (light): deep marks, light tints, dark ink. */
[data-palette="2"] {
  --style-secure: #1c543e;
  --style-secure-soft: #dbe4e0;
  --style-secure-ink: #081913;
  --style-anxious: #b37f05;
  --style-anxious-soft: #f3ebd7;
  --style-anxious-ink: #362602;
  --style-dismissive: #208af3;
  --style-dismissive-soft: #dbecfd;
  --style-dismissive-ink: #0a2949;
  --style-fearful: #4514b8;
  --style-fearful-soft: #e1d9f4;
  --style-fearful-ink: #150637;
}

/* 3. Cobalt Studio (light). */
[data-palette="3"] {
  --style-secure: #1c543e;
  --style-secure-soft: #dbe4e0;
  --style-secure-ink: #081913;
  --style-anxious: #b87e14;
  --style-anxious-soft: #f4ead9;
  --style-anxious-ink: #372606;
  --style-dismissive: #208af3;
  --style-dismissive-soft: #dbecfd;
  --style-dismissive-ink: #0a2949;
  --style-fearful: #4514b8;
  --style-fearful-soft: #e1d9f4;
  --style-fearful-ink: #150637;
}

/* Palettes 4-6 (colour research). 4 and 5 are light warm bases, so they reuse the light set; 6 is dark, so it reuses the dark set. */
[data-palette="4"] {
  --style-secure: #1c543e;
  --style-secure-soft: #dbe4e0;
  --style-secure-ink: #081913;
  --style-anxious: #b37f05;
  --style-anxious-soft: #f3ebd7;
  --style-anxious-ink: #362602;
  --style-dismissive: #208af3;
  --style-dismissive-soft: #dbecfd;
  --style-dismissive-ink: #0a2949;
  --style-fearful: #4514b8;
  --style-fearful-soft: #e1d9f4;
  --style-fearful-ink: #150637;
}
[data-palette="5"] {
  --style-secure: #1c543e;
  --style-secure-soft: #dbe4e0;
  --style-secure-ink: #081913;
  --style-anxious: #b37f05;
  --style-anxious-soft: #f3ebd7;
  --style-anxious-ink: #362602;
  --style-dismissive: #1a7ee0;
  --style-dismissive-soft: #dbecfd;
  --style-dismissive-ink: #0a2949;
  --style-fearful: #4514b8;
  --style-fearful-soft: #e1d9f4;
  --style-fearful-ink: #150637;
}
[data-palette="6"] {
  --style-secure: #2b8264;
  --style-secure-soft: #193d39;
  --style-secure-ink: #cae0d8;
  --style-anxious: #fbcc60;
  --style-anxious-soft: #474d38;
  --style-anxious-ink: #fef2d7;
  --style-dismissive: #b3d0e6;
  --style-dismissive-soft: #374e56;
  --style-dismissive-ink: #ecf3f9;
  --style-fearful: #865aed;
  --style-fearful-soft: #2d3457;
  --style-fearful-ink: #e1d6fb;
}

/* PV: palettes 7-9 are light (light set), 10 is dark (dark set). Palette 8 uses the same style hues: they stay out of red/rose. */
[data-palette="7"] {
  --style-secure: #1c543e;
  --style-secure-soft: #dbe4e0;
  --style-secure-ink: #081913;
  --style-anxious: #9c6f04;
  --style-anxious-soft: #f3ebd7;
  --style-anxious-ink: #362602;
  --style-dismissive: #1a72cf;
  --style-dismissive-soft: #dbecfd;
  --style-dismissive-ink: #0a2949;
  --style-fearful: #4514b8;
  --style-fearful-soft: #e1d9f4;
  --style-fearful-ink: #150637;
}
[data-palette="8"] {
  --style-secure: #1c543e;
  --style-secure-soft: #dbe4e0;
  --style-secure-ink: #081913;
  --style-anxious: #9c6f04;
  --style-anxious-soft: #f3ebd7;
  --style-anxious-ink: #362602;
  --style-dismissive: #1a72cf;
  --style-dismissive-soft: #dbecfd;
  --style-dismissive-ink: #0a2949;
  --style-fearful: #4514b8;
  --style-fearful-soft: #e1d9f4;
  --style-fearful-ink: #150637;
}
[data-palette="9"] {
  --style-secure: #1c543e;
  --style-secure-soft: #dbe4e0;
  --style-secure-ink: #081913;
  --style-anxious: #9c6f04;
  --style-anxious-soft: #f3ebd7;
  --style-anxious-ink: #362602;
  --style-dismissive: #1a72cf;
  --style-dismissive-soft: #dbecfd;
  --style-dismissive-ink: #0a2949;
  --style-fearful: #4514b8;
  --style-fearful-soft: #e1d9f4;
  --style-fearful-ink: #150637;
}
[data-palette="10"] {
  --style-secure: #3a9c78;
  --style-secure-soft: #193d39;
  --style-secure-ink: #cae0d8;
  --style-anxious: #fbcc60;
  --style-anxious-soft: #474d38;
  --style-anxious-ink: #fef2d7;
  --style-dismissive: #b3d0e6;
  --style-dismissive-soft: #374e56;
  --style-dismissive-ink: #ecf3f9;
  --style-fearful: #865aed;
  --style-fearful-soft: #2d3457;
  --style-fearful-ink: #e1d6fb;
}

/* PX: palettes 11-20. Light palettes reuse the light style set (same as 4), dark palettes the dark set (same as 6), so a pair reads the same attachment-style colours. */
/* 11. Apricot, light. */
[data-palette="11"] {
  --style-secure: #1c543e;
  --style-secure-soft: #dbe4e0;
  --style-secure-ink: #081913;
  --style-anxious: #b37f05;
  --style-anxious-soft: #f3ebd7;
  --style-anxious-ink: #362602;
  --style-dismissive: #208af3;
  --style-dismissive-soft: #dbecfd;
  --style-dismissive-ink: #0a2949;
  --style-fearful: #4514b8;
  --style-fearful-soft: #e1d9f4;
  --style-fearful-ink: #150637;
}
/* 12. Apricot, dark. */
[data-palette="12"] {
  --style-secure: #2b8264;
  --style-secure-soft: #193d39;
  --style-secure-ink: #cae0d8;
  --style-anxious: #fbcc60;
  --style-anxious-soft: #474d38;
  --style-anxious-ink: #fef2d7;
  --style-dismissive: #b3d0e6;
  --style-dismissive-soft: #374e56;
  --style-dismissive-ink: #ecf3f9;
  --style-fearful: #865aed;
  --style-fearful-soft: #2d3457;
  --style-fearful-ink: #e1d6fb;
}
/* 13. Lavender Ash, light. */
[data-palette="13"] {
  --style-secure: #1c543e;
  --style-secure-soft: #dbe4e0;
  --style-secure-ink: #081913;
  --style-anxious: #b37f05;
  --style-anxious-soft: #f3ebd7;
  --style-anxious-ink: #362602;
  --style-dismissive: #208af3;
  --style-dismissive-soft: #dbecfd;
  --style-dismissive-ink: #0a2949;
  --style-fearful: #4514b8;
  --style-fearful-soft: #e1d9f4;
  --style-fearful-ink: #150637;
}
/* 14. Lavender Ash, dark. */
[data-palette="14"] {
  --style-secure: #2b8264;
  --style-secure-soft: #193d39;
  --style-secure-ink: #cae0d8;
  --style-anxious: #fbcc60;
  --style-anxious-soft: #474d38;
  --style-anxious-ink: #fef2d7;
  --style-dismissive: #b3d0e6;
  --style-dismissive-soft: #374e56;
  --style-dismissive-ink: #ecf3f9;
  --style-fearful: #865aed;
  --style-fearful-soft: #2d3457;
  --style-fearful-ink: #e1d6fb;
}
/* 15. Ink Plum, light. */
[data-palette="15"] {
  --style-secure: #1c543e;
  --style-secure-soft: #dbe4e0;
  --style-secure-ink: #081913;
  --style-anxious: #b37f05;
  --style-anxious-soft: #f3ebd7;
  --style-anxious-ink: #362602;
  --style-dismissive: #208af3;
  --style-dismissive-soft: #dbecfd;
  --style-dismissive-ink: #0a2949;
  --style-fearful: #4514b8;
  --style-fearful-soft: #e1d9f4;
  --style-fearful-ink: #150637;
}
/* 16. Ink Plum, dark. */
[data-palette="16"] {
  --style-secure: #2b8264;
  --style-secure-soft: #193d39;
  --style-secure-ink: #cae0d8;
  --style-anxious: #fbcc60;
  --style-anxious-soft: #474d38;
  --style-anxious-ink: #fef2d7;
  --style-dismissive: #b3d0e6;
  --style-dismissive-soft: #374e56;
  --style-dismissive-ink: #ecf3f9;
  --style-fearful: #865aed;
  --style-fearful-soft: #2d3457;
  --style-fearful-ink: #e1d6fb;
}
/* 17. Soft Focus, light. */
[data-palette="17"] {
  --style-secure: #1c543e;
  --style-secure-soft: #dbe4e0;
  --style-secure-ink: #081913;
  --style-anxious: #b37f05;
  --style-anxious-soft: #f3ebd7;
  --style-anxious-ink: #362602;
  --style-dismissive: #208af3;
  --style-dismissive-soft: #dbecfd;
  --style-dismissive-ink: #0a2949;
  --style-fearful: #4514b8;
  --style-fearful-soft: #e1d9f4;
  --style-fearful-ink: #150637;
}
/* 18. Soft Focus, dark. */
[data-palette="18"] {
  --style-secure: #2b8264;
  --style-secure-soft: #193d39;
  --style-secure-ink: #cae0d8;
  --style-anxious: #fbcc60;
  --style-anxious-soft: #474d38;
  --style-anxious-ink: #fef2d7;
  --style-dismissive: #b3d0e6;
  --style-dismissive-soft: #374e56;
  --style-dismissive-ink: #ecf3f9;
  --style-fearful: #865aed;
  --style-fearful-soft: #2d3457;
  --style-fearful-ink: #e1d6fb;
}
/* 19. Plum & Sage, light. */
[data-palette="19"] {
  --style-secure: #1c543e;
  --style-secure-soft: #dbe4e0;
  --style-secure-ink: #081913;
  --style-anxious: #b37f05;
  --style-anxious-soft: #f3ebd7;
  --style-anxious-ink: #362602;
  --style-dismissive: #208af3;
  --style-dismissive-soft: #dbecfd;
  --style-dismissive-ink: #0a2949;
  --style-fearful: #4514b8;
  --style-fearful-soft: #e1d9f4;
  --style-fearful-ink: #150637;
}
/* 20. Plum & Sage, dark. */
[data-palette="20"] {
  --style-secure: #2b8264;
  --style-secure-soft: #193d39;
  --style-secure-ink: #cae0d8;
  --style-anxious: #fbcc60;
  --style-anxious-soft: #474d38;
  --style-anxious-ink: #fef2d7;
  --style-dismissive: #b3d0e6;
  --style-dismissive-soft: #374e56;
  --style-dismissive-ink: #ecf3f9;
  --style-fearful: #865aed;
  --style-fearful-soft: #2d3457;
  --style-fearful-ink: #e1d6fb;
}

/* 21. Painted Linen, light: same style set as 7. */
[data-palette="21"] {
  --style-secure: #1c543e;
  --style-secure-soft: #dbe4e0;
  --style-secure-ink: #081913;
  --style-anxious: #9c6f04;
  --style-anxious-soft: #f3ebd7;
  --style-anxious-ink: #362602;
  --style-dismissive: #1a72cf;
  --style-dismissive-soft: #dbecfd;
  --style-dismissive-ink: #0a2949;
  --style-fearful: #4514b8;
  --style-fearful-soft: #e1d9f4;
  --style-fearful-ink: #150637;
}
/* 22. Painted Dusk, dark: same style set as 10. */
[data-palette="22"] {
  --style-secure: #3a9c78;
  --style-secure-soft: #193d39;
  --style-secure-ink: #cae0d8;
  --style-anxious: #fbcc60;
  --style-anxious-soft: #474d38;
  --style-anxious-ink: #fef2d7;
  --style-dismissive: #b3d0e6;
  --style-dismissive-soft: #374e56;
  --style-dismissive-ink: #ecf3f9;
  --style-fearful: #865aed;
  --style-fearful-soft: #2d3457;
  --style-fearful-ink: #e1d6fb;
}