/* OPCIÓN 4: VERDE BOSQUE (Cargado pero no dark) */
:root {
  --bg: #fcfdf8;
  --bg-2: #f7f9f2;
  --txt: #1a2e1a;
  --muted: #2d4a2d;
  --brand: #1e4d2b;
  --brand-2: #2d5a3d;
  --brand-light: #f0f7f2;
  --card: #ffffff;
  --stroke: #c8d5c8;
  --ok: #228b22;
  --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: #0f2e18;
  --brand-violet: #3cb371;
  --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: #1a1f1a;
  --bg-2: #252b25;
  --txt: #f1f5f1;
  --muted: #a8b5a8;
  --brand: #84cc16;
  --brand-2: #65a30d;
  --brand-light: #292f1c;
  --card: #2a332a;
  --stroke: #404a40;
  --ok: #22c55e;
  --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: #365314;
  --brand-violet: #16a34a;
  --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) 15%, transparent);
  --halo-mid: color-mix(in srgb, var(--brand) 40%, transparent);
  --halo-strong: color-mix(in srgb, var(--brand) 60%, transparent);
}
*/