/* Look "Dune": arena clara, superficies con relieve suave y serif para títulos; el tablero conserva sus colores */
/* Colores, tipografías, radios y relieves: un cambio de look empieza aquí */
:root {
  --sand: #e9e0d1;     /* fondo del taller */
  --frame: #d6cab7;    /* marco del tablero */
  --card: #f3ece1;     /* superficies en relieve: tarjetas y botones */
  --well: #ddd3c3;     /* riel hundido del selector de modo */
  --track: #e2d8c8;    /* riel del medidor */
  --text: #3a332c;     /* texto */
  --dim: #645a4f;      /* texto secundario */
  --lamp: #f2b84b;     /* acento: luz de foco */
  --ok: #2b6e47;       /* figura lograda */
  --scrim: rgba(58, 51, 44, 0.72);
  --lift: 0 1px 2px rgba(74, 58, 40, 0.08), 0 4px 12px rgba(74, 58, 40, 0.06);
  --font-display: "Instrument Serif", Georgia, "Times New Roman", serif;
  --font-ui: "Instrument Sans", -apple-system, "Segoe UI", system-ui, sans-serif;

  /* Tablero: lo dibuja render/board.js en el canvas leyendo estos valores (más --frame, --text y --ok).
     Los colores de la luz no van aquí: deciden el puntaje y viven en js/core/light.js */
  --board-floor: #e9e4d8;      /* piso donde caen luz y sombra */
  --board-line: #c4b6a0;       /* filete entre el marco y el piso */
  --board-radius: 22px;        /* esquinas del marco (y del objetivo ampliado) */
  --floor-radius: 8px;         /* esquinas del piso */
  --lamp-edge: #ffffff;        /* borde del foco encendido */
  --lamp-off: #e4dacb;         /* foco apagado */
  --lamp-off-edge: #9a8c78;
  --hint-shadow: rgba(15, 17, 23, 0.6); /* contorno de la pista, por fuera */
  --hint-line: #ffffff;        /* contorno de la pista, por dentro */
  color-scheme: light;
}