/* HRIMÉO THEME — edit these four HEX values, then refresh.
 * Run maintenance/build.mjs after editing to refresh the generated logos,
 * app icons, browser theme and crawlable pages too. See the release README.
 */
:root {
  --brand-dark: #3A0729;   /* Greek Aubergine */
  --brand-light: #EEEBE1;  /* Cotton Ivory */
  --brand-gold: #EBD9B2;   /* Champagne Gold */
  --brand-wine: #91525A;   /* Garnet Wine */

  /* Automatic supporting shades. Usually no editing is needed below here. */
  --plum: var(--brand-dark);
  --plum-deep: color-mix(in srgb, var(--brand-dark) 82%, black);
  --plum-soft: color-mix(in srgb, var(--brand-dark) 75%, var(--brand-wine));
  --wine: var(--brand-wine);
  --ivory: var(--brand-light);
  --ivory-deep: color-mix(in srgb, var(--brand-light) 75%, var(--brand-gold));
  --sand: color-mix(in srgb, var(--brand-gold) 80%, var(--brand-wine));
  --rose: color-mix(in srgb, var(--brand-wine) 28%, var(--brand-light));
  --gold: color-mix(in srgb, var(--brand-dark) 72%, var(--brand-gold));
  --gold-light: var(--brand-gold);
  --ink: var(--brand-dark);
  --muted: color-mix(in srgb, var(--brand-dark) 72%, var(--brand-light));
  --line: color-mix(in srgb, var(--brand-dark) 22%, transparent);
  --line-light: color-mix(in srgb, var(--brand-light) 25%, transparent);
  --paper: color-mix(in srgb, var(--brand-light) 75%, white);
  --white: white;
  --product-media-bg: color-mix(in srgb, var(--brand-gold) 65%, var(--brand-light));
  --shadow: 0 24px 70px color-mix(in srgb, var(--brand-dark) 13%, transparent);
  --shadow-small: 0 12px 35px color-mix(in srgb, var(--brand-dark) 11%, transparent);
}