/*
 * Rebekka Gorges palette: overrides the tokens in assets/styles/_colors.css.
 * Same structure as imediaminds (a colourful block cycle on a strong brand colour),
 * but plum + blush with deeper jewel tones, so the two sites read as related, not identical.
 * Every rainbow-500 tone keeps white text at >= 3:1 (headings and bold copy sit on them).
 */
:root {
    --color-primary-100: 244 233 240;   /* #F4E9F0 */
    --color-primary-300: 207 165 196;   /* #CFA5C4 */
    --color-primary-500: 106 59 105;    /* #6A3B69 plum */
    --color-primary-700: 74 35 71;      /* #4A2347 */

    --color-secondary-100: 253 232 236; /* #FDE8EC */
    --color-secondary-500: 244 169 184; /* #F4A9B8 blush, plum text on it is 4.6:1 */

    --color-error-100: 248 215 223;     /* #F8D7DF */
    --color-error-500: 214 69 106;      /* #D6456A rose */
    --color-warning-100: 247 217 204;   /* #F7D9CC */
    --color-warning-500: 217 102 63;    /* #D9663F terracotta */
    --color-accent-100: 208 229 241;    /* #D0E5F1 */
    --color-accent-500: 45 134 179;     /* #2D86B3 */
    --color-success-100: 207 232 227;   /* #CFE8E3 */
    --color-success-500: 46 140 126;    /* #2E8C7E teal */

    /* imediaminds cycles through its yellow secondary; here a berry and a violet
       take the 3rd and 6th slot, so blocks never blend into the plum page background.
       (A yellow dark enough for white text turns muddy ochre, so there is none.) */
    --color-rainbow-3: 163 53 122;      /* #A3357A berry, white text 6.3:1 */
    --color-rainbow-100-3: 243 217 232; /* #F3D9E8 */
    --color-rainbow-6: 138 91 181;      /* #8A5BB5 violet */
    --color-rainbow-100-6: 230 218 241; /* #E6DAF1 */

    --color-header: var(--color-primary-700);
}