/* CUELUNA · tokens de tema (oscuro por defecto / claro en Opciones).
   Marca nueva: noche azulada + oro viejo + blanco cálido, con guiños al azul de la luna. */
:root {
  color-scheme: dark;

  /* Fondo y superficies */
  --bg: #0b1017;
  --bg-2: #0d1420;
  --surface: #111a26;
  --surface-2: #16212f;
  --panel: #101925;
  --input-bg: #0d1420;
  --card-bg: #101a26;
  --topbar-bg: rgba(9, 14, 22, .9);
  --nav-bg: rgba(11, 16, 24, .95);

  /* Brillos y adornos de fondo */
  --glow-a: rgba(216, 182, 107, .13);
  --glow-b: rgba(120, 160, 200, .1);
  --glow-c: rgba(126, 200, 175, .08);
  --dots-image: radial-gradient(rgba(255, 255, 255, .045) 1px, transparent 1.6px);
  --sheen: rgba(255, 255, 255, .06);

  /* Fibra de carbono sutil y luz lateral */
  --carbon-a: rgba(255, 255, 255, .022);
  --carbon-b: rgba(0, 0, 0, .16);
  --side-light: rgba(216, 182, 107, .13);

  /* Bordes */
  --border: rgba(196, 210, 226, .13);
  --border-strong: rgba(206, 218, 232, .25);
  --border-card: rgba(206, 218, 232, .17);
  --border-header: rgba(196, 210, 226, .11);
  --border-accent: rgba(216, 182, 107, .5);

  /* Acentos */
  --accent: #d8b66b;
  --accent-strong: #b99549;
  --accent-2: #9fc0dd;
  --accent-soft: rgba(216, 182, 107, .14);
  --accent-text: #e8cf9a;
  --halo: rgba(216, 182, 107, .3);

  /* Texto */
  --text: #f2efe8;
  --muted: #9aa6b5;
  --label: #d3dae2;

  /* Estados */
  --warn: #ffb4a3;
  --success: #6fe3a5;

  /* Botones */
  --btn-bg: linear-gradient(135deg, #e4c67f, #c9a45a);
  --btn-bg-hover: linear-gradient(135deg, #efd290, #d4af66);
  --btn-text: #14202c;

  /* Navegación */
  --nav-active-bg: rgba(216, 182, 107, .16);
  --nav-active-border: rgba(216, 182, 107, .55);
  --nav-active-text: #ffffff;
  --nav-hover-bg: rgba(216, 182, 107, .09);

  /* Sombras */
  --shadow: rgba(3, 9, 16, .55);
  --shadow-strong: rgba(2, 6, 12, .46);

  /* Alias de compatibilidad con componentes existentes */
  --glow: #151d28;
  --copper: #d8b66b;
  --lavender: #c4cfda;
}

:root[data-theme="light"] {
  color-scheme: light;

  --bg: #f3f0e9;
  --bg-2: #ece8df;
  --surface: #ffffff;
  --surface-2: #ffffff;
  --panel: #f7f4ec;
  --input-bg: #ffffff;
  --card-bg: #ffffff;
  --topbar-bg: rgba(255, 253, 248, .9);
  --nav-bg: rgba(255, 253, 248, .95);

  --glow-a: rgba(180, 132, 38, .14);
  --glow-b: rgba(60, 120, 170, .1);
  --glow-c: rgba(40, 140, 110, .08);
  --dots-image: radial-gradient(rgba(60, 48, 20, .07) 1px, transparent 1.6px);
  --sheen: rgba(255, 255, 255, .75);

  /* Fibra de carbono sutil y luz lateral (tema claro) */
  --carbon-a: rgba(30, 40, 50, .035);
  --carbon-b: rgba(255, 255, 255, .5);
  --side-light: rgba(154, 122, 46, .12);

  --border: rgba(90, 72, 34, .16);
  --border-strong: rgba(90, 72, 34, .28);
  --border-card: rgba(90, 72, 34, .18);
  --border-header: rgba(90, 72, 34, .14);
  --border-accent: rgba(154, 122, 46, .5);

  --accent: #9a7a2e;
  --accent-strong: #7d611f;
  --accent-2: #376b8e;
  --accent-soft: rgba(154, 122, 46, .1);
  --accent-text: #765a17;
  --halo: rgba(154, 122, 46, .22);

  --text: #1b2430;
  --muted: #5f6a78;
  --label: #37424f;

  --warn: #b4452c;
  --success: #1d7a4c;

  --btn-bg: linear-gradient(135deg, #c0a04f, #9a7a2e);
  --btn-bg-hover: linear-gradient(135deg, #ccae5c, #a8863a);
  --btn-text: #ffffff;

  --nav-active-bg: rgba(154, 122, 46, .12);
  --nav-active-border: rgba(154, 122, 46, .45);
  --nav-active-text: #584309;
  --nav-hover-bg: rgba(154, 122, 46, .08);

  --shadow: rgba(74, 58, 24, .16);
  --shadow-strong: rgba(74, 58, 24, .12);

  --glow: #e6e0d4;
  --copper: #9a7a2e;
  --lavender: #4c5865;
}