/** Shopify CDN: Minification failed

Line 115:8 Expected identifier but found whitespace
Line 117:17 Unexpected "("

**/
/* ======================================================
   SACRED GEMS – GLOBAL 12D COLOUR PALETTE  v2.0 (soft mix)
   Uses color-mix() to blend dimension hues with white
   ====================================================== */

/* Master control: adjust once for all crystals */
:root {
  --dim-mix: 82%;

  /* -------------------------------
     1D — Physical Density
     Deep Obsidian Brown
  --------------------------------*/
  --d1-bg: #2a1f1f;
  --d1-fg: #f0e9e9;   /* warm pale clay */

  /* -------------------------------
     2D — Etheric Vitality
     Root–Amber Life Force
  --------------------------------*/
  --d2-bg: #5a2b17;
  --d2-fg: #f5e9e3;   /* soft warm apricot */

  /* -------------------------------
     3D — Identity & Action
     Copper–Terracotta
  --------------------------------*/
  --d3-bg: #8a5232;
  --d3-fg: #f6ede7;   /* light sand-beige */

  /* -------------------------------
     4D — Emotional Field
     Astral Rose–Plum
  --------------------------------*/
  --d4-bg: #9b4458;
  --d4-fg: #ffe7ee;   /* pale rose quartz pink */

  /* -------------------------------
     5D — Soul Expression
     Lavender–Mauve
  --------------------------------*/
  --d5-bg: #7e5a86;
  --d5-fg: #f7eefd;   /* soft lilac mist */

  /* -------------------------------
     6D — Intuition & Vision
     Indigo–Violet
  --------------------------------*/
  --d6-bg: #453f85;
  --d6-fg: #ecebff;   /* moonlight periwinkle */

  /* -------------------------------
     7D — Unity & Coherence
     Amethyst Unity Purple
  --------------------------------*/
  --d7-bg: #5647a6;
  --d7-fg: #f1ecff;   /* angelic lavender white */

  /* -------------------------------
     8D — Divine Blueprint
     Sapphire Blueprint Blue
  --------------------------------*/
  --d8-bg: #4d6fa0;
  --d8-fg: #eaf1ff;   /* soft sky-light blue */

  /* -------------------------------
     9D — Universal Memory
     Akashic Grey–Violet
  --------------------------------*/
  --d9-bg: #64647a;
  --d9-fg: #f2f2fa;   /* pale lunar grey-violet */

  /* -------------------------------
     10D — Architect Realm
     Silver–Indigo Blueprint
  --------------------------------*/
  --d10-bg: #7a7a95;
  --d10-fg: #f7f7ff;  /* ethereal blueprint white */

  /* -------------------------------
     11D — Monadic Field
     Ethereal Rain-Silver
  --------------------------------*/
  --d11-bg: #9fa3b8;
  --d11-fg: #ffffff;  /* clean white for airy contrast */

  /* -------------------------------
     12D — Source Field
     White-Gold Aura
  --------------------------------*/
  --d12-bg: #f2f0f5;
  --d12-fg: #3a3a3a;  /* soft charcoal for readability */
}

/* Guaranteed Shopify-safe colour system */
.dim-1  { background: var(--d1-bg) !important; color: var(--d1-fg) !important; }
.dim-2  { background: var(--d2-bg) !important; color: var(--d2-fg) !important; }
.dim-3  { background: var(--d3-bg) !important; color: var(--d3-fg) !important; }
.dim-4  { background: var(--d4-bg) !important; color: var(--d4-fg) !important; }
.dim-5  { background: var(--d5-bg) !important; color: var(--d5-fg) !important; }
.dim-6  { background: var(--d6-bg) !important; color: var(--d6-fg) !important; }
.dim-7  { background: var(--d7-bg) !important; color: var(--d7-fg) !important; }
.dim-8  { background: var(--d8-bg) !important; color: var(--d8-fg) !important; }
.dim-9  { background: var(--d9-bg) !important; color: var(--d9-fg) !important; }
.dim-10 { background: var(--d10-bg) !important; color: var(--d10-fg) !important; }
.dim-11 { background: var(--d11-bg) !important; color: var(--d11-fg) !important; }
.dim-12 { background: var(--d12-bg) !important; color: var(--d12-fg) !important; }
🎉 This version WILL show colours immediately
Because:

✔ No color-mix (Shopify breaks it)
✔ Variables are read correctly
✔ !important overrides all theme defaults
✔ Cards inherit text colour cleanly
✔ Palette loads from :root before the cards



/* ======================================================
   Shared mappings — softened via color-mix()
   ====================================================== */

.codex-table tr.dim-1d,
.codex-card.dim-1d,
.cc-card.dim-1d {
  background: color-mix(in oklab, var(--d1-bg) var(--dim-mix), white);
  color: var(--d1-fg);
}

.codex-table tr.dim-2d,
.codex-card.dim-2d,
.cc-card.dim-2d {
  background: color-mix(in oklab, var(--d2-bg) var(--dim-mix), white);
  color: var(--d2-fg);
}

.codex-table tr.dim-3d,
.codex-card.dim-3d,
.cc-card.dim-3d {
  background: color-mix(in oklab, var(--d3-bg) var(--dim-mix), white);
  color: var(--d3-fg);
}

.codex-table tr.dim-4d,
.codex-card.dim-4d,
.cc-card.dim-4d {
  background: color-mix(in oklab, var(--d4-bg) var(--dim-mix), white);
  color: var(--d4-fg);
}

.codex-table tr.dim-5d,
.codex-card.dim-5d,
.cc-card.dim-5d {
  background: color-mix(in oklab, var(--d5-bg) var(--dim-mix), white);
  color: var(--d5-fg);
}

.codex-table tr.dim-6d,
.codex-card.dim-6d,
.cc-card.dim-6d {
  background: color-mix(in oklab, var(--d6-bg) var(--dim-mix), white);
  color: var(--d6-fg);
}

.codex-table tr.dim-7d,
.codex-card.dim-7d,
.cc-card.dim-7d {
  background: color-mix(in oklab, var(--d7-bg) var(--dim-mix), white);
  color: var(--d7-fg);
}

.codex-table tr.dim-8d,
.codex-card.dim-8d,
.cc-card.dim-8d {
  background: color-mix(in oklab, var(--d8-bg) var(--dim-mix), white);
  color: var(--d8-fg);
}

.codex-table tr.dim-9d,
.codex-card.dim-9d,
.cc-card.dim-9d {
  background: color-mix(in oklab, var(--d9-bg) var(--dim-mix), white);
  color: var(--d9-fg);
}

.codex-table tr.dim-10d,
.codex-card.dim-10d,
.cc-card.dim-10d {
  background: color-mix(in oklab, var(--d10-bg) var(--dim-mix), white);
  color: var(--d10-fg);
}

.codex-table tr.dim-11d,
.codex-card.dim-11d,
.cc-card.dim-11d {
  background: color-mix(in oklab, var(--d11-bg) var(--dim-mix), white);
  color: var(--d11-fg);
}

.codex-table tr.dim-12d,
.codex-card.dim-12d,
.cc-card.dim-12d {
  background: color-mix(in oklab, var(--d12-bg) var(--dim-mix), white);
  color: var(--d12-fg);
}

/* Hover lift */
.codex-table tr[class*="dim-"]:hover,
.codex-card[class*="dim-"]:hover,
.cc-card[class*="dim-"]:hover {
  filter: brightness(1.08);
  transform: translateY(-2px);
  transition: all .25s ease;
}