:root {
  --bg: #faf8f8;
  --bg-2: #f5f2f2;
  --txt: #1c0f0f;
  --muted: #704545;
  --brand: #8b2635;
  --brand-2: #a23545;
  --brand-light: #f7e9eb;
  --card: #ffffff;
  --stroke: #e8d4d7;
  --ok: #ea580c;
  --shadow: 0 4px 20px color-mix(in srgb, var(--brand) 18%, transparent);
  --shadow-hover: 0 8px 30px color-mix(in srgb, var(--brand) 28%, transparent);
  --brand-navy: #6b1d28;
  --brand-violet: #8b2635;
  --brand-grad: linear-gradient(135deg, var(--brand) 0%, var(--brand-2) 100%);
  --bg-grad: linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);
  --halo-weak: color-mix(in srgb, var(--brand) 10%, transparent);
  --halo-mid: color-mix(in srgb, var(--brand) 35%, transparent);
  --halo-strong: color-mix(in srgb, var(--brand) 55%, transparent);
}
/* EL DARK MODE
:root {
  --bg: #0d0a07;
  --bg-2: #1a1611;
  --txt: #f5f4f1;
  --muted: #b8a082;
  --brand: #ca8a04;
  --brand-2: #eab308;
  --brand-light: #1f1b13;
  --card: #1c1917;
  --stroke: #2a2722;
  --ok: #10b981;
  --shadow: 0 4px 20px color-mix(in srgb, var(--brand) 25%, transparent);
  --shadow-hover: 0 8px 30px color-mix(in srgb, var(--brand) 35%, transparent);
  --brand-navy: #78350f;
  --brand-violet: #ca8a04;
  --brand-grad: linear-gradient(135deg, var(--brand) 0%, var(--brand-2) 100%);
  --bg-grad: linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);
  --halo-weak: color-mix(in srgb, var(--brand) 8%, transparent);
  --halo-mid: color-mix(in srgb, var(--brand) 20%, transparent);
  --halo-strong: color-mix(in srgb, var(--brand) 40%, transparent);
}
*/