/*
 * Grossary design tokens: the ONE place to change the site's palette, fonts and shape.
 *
 * Every colour in the child theme (and Blocksy's own palette, buttons, links,
 * cart and checkout) reads from these variables. To rebrand, edit the
 * "Brand palette" block below and reload; nothing else needs to change.
 * Note: this file takes precedence over Customize → Colors.
 * The mobile app mirrors these values in app/src/theme/tokens.ts.
 *
 * The aio brand: violet for actions, orange as the highlight (the dot in the logo), warm cream
 * backgrounds, white cards, and soft yellow / blue cards for themed shelves.
 */

:root {
	/* ---- Brand palette ---------------------------------------------------- */
	--g-wall-deep:   #25185F;  /* Deep indigo: footer, dark panels, gradient start */
	--g-wall:        #3C2A98;  /* Violet (the logo): links, icons, active states, hero */
	--g-cta:         #3C2A98;  /* Violet: buttons (white text, 10:1) */
	--g-cta-deep:    #2E1F7A;  /* hover / pressed for buttons */
	--g-tin:         #FFAD19;  /* Orange (the logo dot): offer tags, highlights, accents on dark */
	--g-sindoor:     #C13F36;  /* Tomato red: sale prices, alerts */
	--g-limewash:    #F4F1E0;  /* Warm cream: main page background */
	--g-paper:       #FFFFFF;  /* White: product cards, forms */
	--g-wash:        #E9E5F7;  /* Soft lilac: selected states, chips, image backgrounds */
	--g-peach:       #FCE7A8;  /* Soft yellow: "fresh" shelf, offer cards */
	--g-blue:        #D4E3F4;  /* Soft blue: "daily essentials" shelf */
	--g-sage:        #7A76A0;  /* Muted violet-grey: decorative only */

	/* ---- Derived from the palette (readable on the colours above) -------- */
	--g-ink:         #1F1A47;  /* headings and body text */
	--g-ink-soft:    #4A4570;  /* secondary text (8:1 on cream) */
	--g-ink-muted:   #66618A;  /* placeholders, small print (5:1 on cream) */
	--g-tin-deep:    #E8970A;  /* hover / pressed for the orange */
	--g-line:        #E3DDC4;  /* hairlines on cream */
	--g-input-line:  #9C98B8;  /* form field borders */
	--g-on-wall:     #FFFFFF;  /* text and icons on the violets */
	--g-danger:      #C13F36;  /* errors and destructive actions */
	--g-scale-bg:    var(--g-wall-deep);  /* dark total panel */
	--g-scale-digit: var(--g-tin);        /* total digits on the dark panel */

	/* ---- Type --------------------------------------------------------- */
	--g-font-sign:  "AIO Display", "Mukta", system-ui, sans-serif;     /* headlines (Plus Jakarta Sans, extra bold) */
	--g-font-body:  "Plus Jakarta Sans", "Mukta", system-ui, -apple-system, "Segoe UI", sans-serif;
	--g-font-digit: "AIO Digit", "Mukta", system-ui, sans-serif;       /* prices, totals, counts (bold) */

/* ---- Shape -------------------------------------------------------- */
	--g-radius:     12px;
	--g-radius-sm:  8px;
	--g-ease-out:   cubic-bezier(.16, 1, .3, 1);
}

/* ---- Blocksy wiring (don't edit; follows the palette above) ----------
   Doubled :root outranks Blocksy's own inline palette, which prints later. */
:root:root {
	--theme-palette-color-1: var(--g-wall);
	--theme-palette-color-2: var(--g-wall-deep);
	--theme-palette-color-3: var(--g-ink-soft);
	--theme-palette-color-4: var(--g-ink);
	--theme-palette-color-5: var(--g-line);
	--theme-palette-color-6: var(--g-wash);
	--theme-palette-color-7: var(--g-limewash);
	--theme-palette-color-8: var(--g-paper);
	--theme-font-family: var(--g-font-body);
	--theme-button-border-radius: var(--g-radius-sm);
}