:root {
  --bg: #faf9f7;
  --bg-2: #f5f4f1;
  --txt: #1a1611;
  --muted: #6d5a47;
  --brand: #a16207;
  --brand-2: #ca8a04;
  --brand-light: #fef9e7;
  --card: #ffffff;
  --stroke: #e4d4b7;
  --ok: #059669;
  --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: #78350f;
  --brand-violet: #a16207;
  --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);
}
*/