/*
 * Succulent Theme — THE colour set. Every colour on the site comes from here (theme + plugin), so changing the
 * look of the whole site = changing the values below. Nothing else defines colours.
 *
 *   To try another set: copy one block, change the values, keep the names.
 *   Dark mode (body.dark-mode, the moon button in the menu) has its own block further down.
 */

:root {
	/* page */
	--sc-c-bg:      #FCFCFB;                                     /* page background */
	--sc-c-text:    #404040;                                     /* body text */
	--sc-c-muted:   #6B726C;                                     /* secondary text: leads, captions, crumbs */
	--sc-c-ink:     color-mix(in srgb, #5F7161 82%, #000);       /* headings: green, not black (user, 2026-09-29) */
	--sc-c-line:    rgba(52, 62, 53, .14);                       /* hairlines, field borders */

	/* surfaces */
	--sc-c-panel:   color-mix(in srgb, #EFEAD8 65%, #fff);       /* soft boxes: tips, empty states, fields' fill */
	--sc-c-soft:    color-mix(in srgb, #D0C9C0 70%, #EFEAD8);    /* "our brown": buttons at rest, chips, icon circles */
	--sc-c-card:    #FFFFFF;                                     /* white cards / menus / windows on the page */

	/* the home page's opening panels (two colours, one after the other) */
	--sc-c-band-a:  #D9D3C7;
	--sc-c-band-b:  #EFEAD8;

	/* greens */
	--sc-c-primary: #5F7161;                                     /* links, icons, active menu item */
	--sc-c-btn:     #5F7161;                                     /* strong button (white text) */
	--sc-c-btntext: #FFFFFF;
	--sc-c-accent:  #6D8B74;                                     /* hover on buttons, underlines, focus ring */

	/* footer: a soft band under the page */
	--sc-c-foot:    #EFEAD8;

	/* other */
	--sc-c-heart:   #c0564b;                                     /* favourites heart */
	--sc-c-danger:  #b4493f;                                     /* delete buttons */
	--sc-c-shadow:  rgba(31, 40, 33, .14);
}

/* ---- dark mode ---- */
body.dark-mode {
	--sc-c-bg:      #262624;                                     /* the chat app's dark grey (user, 2026-09-29) */
	--sc-c-text:    #E8E4D6;
	--sc-c-muted:   #B9B6AA;
	--sc-c-ink:     #EFEAD8;
	--sc-c-line:    rgba(255, 255, 255, .12);

	--sc-c-panel:   #30302E;
	--sc-c-soft:    #3B3B38;
	--sc-c-card:    #30302E;

	--sc-c-band-a:  #30302E;
	--sc-c-band-b:  #2C2C2A;

	--sc-c-primary: #A9C0AE;
	--sc-c-btn:     #6D8B74;
	--sc-c-btntext: #FFFFFF;
	--sc-c-accent:  #8FAA95;

	--sc-c-foot:    #1E1E1D;

	--sc-c-heart:   #e07a70;
	--sc-c-danger:  #d06a60;
	--sc-c-shadow:  rgba(0, 0, 0, .45);
}